diff --git a/dist/frappe-charts.esm.js b/dist/frappe-charts.esm.js
index 0913504..4f79efe 100644
--- a/dist/frappe-charts.esm.js
+++ b/dist/frappe-charts.esm.js
@@ -224,7 +224,7 @@ const DATA_COLOR_DIVISIONS = {
 	heatmap: HEATMAP_DISTRIBUTION_SIZE
 };
 
-const BASE_CHART_TOP_MARGIN = 30;
+const BASE_CHART_TOP_MARGIN = 10;
 const BASE_CHART_LEFT_MARGIN = 20;
 const BASE_CHART_RIGHT_MARGIN = 20;
 
@@ -268,6 +268,10 @@ const DEFAULT_COLORS = {
 	heatmap: HEATMAP_COLORS
 };
 
+/**
+ * Returns the value of a number upto 2 decimal places.
+ * @param {Number} d Any number
+ */
 function floatTwo(d) {
 	return parseFloat(d.toFixed(2));
 }
@@ -1276,7 +1280,7 @@ class BaseChart {
 	bindTooltip() {}
 
 	draw(onlyWidthChange=false, init=false) {
-		this.calcWidth();
+		this.updateWidth();
 		this.calc(onlyWidthChange);
 		this.makeChartArea();
 		this.setupComponents();
@@ -1297,7 +1301,7 @@ class BaseChart {
 		this.setupNavigation(init);
 	}
 
-	calcWidth() {
+	updateWidth() {
 		this.baseWidth = getElementContentWidth(this.parent);
 		this.width = this.baseWidth - (this.leftMargin + this.rightMargin);
 	}
@@ -1343,12 +1347,8 @@ class BaseChart {
 
 	updateNav() {
 		if(this.config.isNavigable) {
-			// if(!this.overlayGuides){
 			this.makeOverlay();
 			this.bindUnits();
-			// } else {
-			// 	this.updateOverlay();
-			// }
 		}
 	}
 
@@ -2148,6 +2148,8 @@ const NO_OF_MILLIS = 1000;
 const MONTH_NAMES = ["January", "February", "March", "April", "May", "June",
 	"July", "August", "September", "October", "November", "December"];
 
+
+
 // https://stackoverflow.com/a/11252167/6495043
 function treatAsUtc(dateStr) {
 	let result = new Date(dateStr);
@@ -2165,6 +2167,8 @@ function getDdMmYyyy(date) {
 	].join('-');
 }
 
+
+
 function getWeeksBetween(startDateStr, endDateStr) {
 	return Math.ceil(getDaysBetween(startDateStr, endDateStr) / 7);
 }
@@ -2431,13 +2435,7 @@ class Heatmap extends BaseChart {
 		this.no_of_cols = getWeeksBetween(this.firstWeekStart + '', this.lastWeekStart + '') + 1;
 	}
 
-	setMargins() {
-		super.setMargins();
-		// this.leftMargin = HEATMAP_SQUARE_SIZE;
-		// this.topMargin = HEATMAP_SQUARE_SIZE;
-	}
-
-	calcWidth() {
+	updateWidth() {
 		this.baseWidth = (this.no_of_cols + 99) * COL_SIZE;
 
 		if(this.discreteDomains) {
@@ -2457,8 +2455,13 @@ class Heatmap extends BaseChart {
 	}
 
 	calc() {
-		let dataValues = Object.keys(this.dataPoints).map(key => this.dataPoints[key]);
-		this.distribution = calcDistribution(dataValues, HEATMAP_DISTRIBUTION_SIZE);
+		this.distribution = calcDistribution(
+			Object.values(this.dataPoints), HEATMAP_DISTRIBUTION_SIZE);
+	}
+
+	update(data=this.data) {
+		this.data = this.prepareData(data);
+		this.draw();
 	}
 
 	render() {
@@ -3282,6 +3285,7 @@ class AxisChart extends BaseChart {
 	// removeDataPoint(index = 0) {}
 }
 
+// import MultiAxisChart from './charts/MultiAxisChart';
 const chartTypes = {
 	// multiaxis: MultiAxisChart,
 	percentage: PercentageChart,
diff --git a/dist/frappe-charts.min.cjs.js b/dist/frappe-charts.min.cjs.js
index 6711560..2b7d8c0 100644
--- a/dist/frappe-charts.min.cjs.js
+++ b/dist/frappe-charts.min.cjs.js
@@ -1 +1 @@
-"use strict";function __$styleInject(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}function $(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),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function fire(t,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(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 getStringWidth(t,e){return(t+"").length*e}function getPositionByAngle(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}function getBarHeightAndYAttr(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(i=t-e,n=e),[i,n]}function equilizeNoOfElements(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=fillArray(t,i):e=fillArray(e,i),[t,e]}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(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)$$1(a).appendChild(i);else if("around"===n){var r=$$1(a);r.parentNode.insertBefore(i,r),i.appendChild(r)}else"styles"===n?"object"===(void 0===a?"undefined":_typeof(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 renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,i,n){return createSVG("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function makeSVGContainer(t,e,i,n){return createSVG("svg",{className:e,inside:t,width:i,height:n})}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 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 makeArcPathStr(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=i.x+t.x,s=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+r+" "+s+"\n\t\tA "+n+" "+n+" 0 0 "+(a?1:0)+"\n\t\t"+o+" "+l+" z"}function makeGradient(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=renderVerticalGradient(t,n),r=[1,.6,.2];return i&&(r=[.4,.2,0]),setGradientStop(a,"0%",e,r[0]),setGradientStop(a,"50%",e,r[1]),setGradientStop(a,"100%",e,r[2]),n}function makeHeatSquare(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(r).map(function(t){s[t]=r[t]}),createSVG("rect",s)}function makeText(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:FONT_SIZE;return createSVG("text",{className:t,x:e,y:i,dy:a/2+"px","font-size":a+"px",innerHTML:n})}function makeVertLine(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),s=createSVG("text",{x:0,y:i>n?i+LABEL_MARGIN:i-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(r),o.appendChild(s),o}function makeHoriLine(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=BASE_LINE_COLOR),a.lineType||(a.lineType="");var r=createSVG("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),s=createSVG("text",{x:i<n?i-LABEL_MARGIN:i+LABEL_MARGIN,y:0,dy:FONT_SIZE/2-2+"px","font-size":FONT_SIZE+"px","text-anchor":i<n?"end":"start",innerHTML:e+""}),o=createSVG("g",{transform:"translate(0, "+t+")","stroke-opacity":1});return 0!==s&&"0"!==s||(o.style.stroke="rgba(27, 31, 35, 0.6)"),o.appendChild(r),o.appendChild(s),o}function yLine(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=BASE_LINE_COLOR),n.className||(n.className="");var a=-1*AXIS_TICK_LENGTH,r="span"===n.mode?i+AXIS_TICK_LENGTH:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+AXIS_TICK_LENGTH,r=i),a+=n.offset,r+=n.offset,makeHoriLine(t,e,a,r,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function xLine(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=BASE_LINE_COLOR),n.className||(n.className="");var a=i+AXIS_TICK_LENGTH,r="span"===n.mode?-1*AXIS_TICK_LENGTH:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,a,r,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function yMarker(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=createSVG("text",{className:"chart-label",x:i-getStringWidth(e,5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),r=makeHoriLine(t,"",0,i,{stroke:n.stroke||BASE_LINE_COLOR,className:n.className||"",lineType:n.lineType});return r.appendChild(a),r}function yRegion(t,e,i,n){var a=t-e,r=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),s=createSVG("text",{className:"chart-label",x:i-getStringWidth(n+"",4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:n+""}),o=createSVG("g",{transform:"translate(0, "+e+")"});return o.appendChild(r),o.appendChild(s),o}function datasetBar(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=getBarHeightAndYAttr(e,o.zeroLine),c=slicedToArray(l,2),h=c[0],u=c[1],d=createSVG("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":r,x:t,y:u-=s,width:i,height:h||o.minHeight});if((a+="")||a.length){d.setAttribute("y",0),d.setAttribute("x",0);var p=createSVG("text",{className:"data-point-value",x:i/2,y:0,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:a}),f=createSVG("g",{"data-point-index":r,transform:"translate("+t+", "+u+")"});return f.appendChild(d),f.appendChild(p),f}return d}function datasetDot(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=createSVG("circle",{style:"fill: "+n,"data-point-index":r,cx:t,cy:e,r:i});if((a+="")||a.length){s.setAttribute("cy",0),s.setAttribute("cx",0);var o=createSVG("text",{className:"data-point-value",x:0,y:0,dy:FONT_SIZE/2*-1-i+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:a}),l=createSVG("g",{"data-point-index":r,transform:"translate("+t+", "+e+")"});return l.appendChild(s),l.appendChild(o),l}return s}function getPaths(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.map(function(e,i){return t[i]+","+e}).join("L"),s=makePath("M"+r,"line-graph-path",i);if(n.heatline){var o=makeGradient(a.svgDefs,i);s.style.stroke="url(#"+o+")"}var l={path:s};if(n.regionFill){var c=makeGradient(a.svgDefs,i,!0),h="M"+t[0]+","+a.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=makePath(h,"region-fill","none","url(#"+c+")")}return l}function limitColor(t){return t>255?255:t<0?0:t}function lightenDarkenColor(t,e){var i=getColor(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),r=limitColor((a>>16)+e),s=limitColor((a>>8&255)+e),o=limitColor((255&a)+e);return(n?"#":"")+(o|s<<8|r<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function translate(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,STD_EASING,"translate",{transform:a}]}function translateVertLine(t,e,i){return translate(t,[i,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,i){return translate(t,[0,i],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,i,n){var a=e-i,r=t.childNodes[0];return[[r,{height:a,"stroke-dasharray":r.getAttribute("width")+", "+a},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,n],[0,i],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(i,(arguments.length>5&&void 0!==arguments[5]?arguments[5]:{}).zeroLine),s=slicedToArray(r,2),o=s[0],l=s[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},UNIT_ANIM_DUR,STD_EASING],translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],MARKER_LINE_ANIM_DUR)]:[[t,{width:n,height:o,x:e,y:l},UNIT_ANIM_DUR,STD_EASING]]}function animateDot(t,e,i){return"circle"!==t.nodeName?[translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],MARKER_LINE_ANIM_DUR)]:[[t,{cx:e,cy:i},UNIT_ANIM_DUR,STD_EASING]]}function animatePath(t,e,i,n){var a=[],r=i.map(function(t,i){return e[i]+","+t}).join("L"),s=[t.path,{d:"M"+r},PATH_ANIM_DUR,STD_EASING];if(a.push(s),t.region){var o=e[0]+","+n+"L",l="L"+e.slice(-1)[0]+", "+n,c=[t.region,{d:"M"+o+r+l},PATH_ANIM_DUR,STD_EASING];a.push(c)}return a}function animatePathStr(t,e){return[t,{d:e},UNIT_ANIM_DUR,STD_EASING]}function animateSVGElement(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,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var c=void 0;c="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var h=r[l]||t.getAttribute(l),u=e[l],d={attributeName:l,from:h,to:u,begin:"0s",dur:i/1e3+"s",values:h+";"+u,keySplines:EASING[n],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(d.type=a);for(var p in d)c.setAttribute(p,d[p]);s.appendChild(c),a?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[s,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 i=[],n=[];e.map(function(t){var e=t[0],a=e.parentNode,r=void 0,s=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);r=l[0],s=l[1],i.push(s),n.push([r,a]),a.replaceChild(r,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 runSMILAnimation(t,e,i){if(0!==i.length){var n=animateSVG(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}function getComponent(t,e,i){var n=Object.keys(componentConfigs).filter(function(e){return t.includes(e)}),a=componentConfigs[n[0]];return Object.assign(a,{constants:e,getData:i}),new ChartComponent(a)}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getDdMmYyyy(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,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 getMonthName(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=MONTH_NAMES[t];return e?i.slice(0,3):i}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 i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),n=Math.floor(e),a=i-n,r=a,s=1;a>5&&(a%2!=0&&(a=++i-n),r=a/2,s=2),a<=2&&(s=a/(r=4)),0===a&&(r=5,s=1);for(var o=[],l=0;l<=r;l++)o.push(n+s*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=normalize(t),n=slicedToArray(i,2),a=n[0],r=n[1],s=e?e/Math.pow(10,r):0,o=getChartRangeIntervals(a=a.toFixed(6),s);return o=o.map(function(t){return t*Math.pow(10,r)})}function calcChartIntervals(t){function e(t,e){for(var i=getChartIntervals(t),n=i[1]-i[0],a=0,r=1;a<e;r++)a+=n,i.unshift(-1*a);return i}var i=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,toConsumableArray(t)),a=Math.min.apply(Math,toConsumableArray(t)),r=[];if(n>=0&&a>=0)normalize(n)[1],r=i?getChartIntervals(n,a):getChartIntervals(n);else if(n>0&&a<0){var s=Math.abs(a);n>=s?(normalize(n)[1],r=e(n,s)):(normalize(s)[1],r=e(s,n).map(function(t){return-1*t}))}else if(n<=0&&a<=0){var o=Math.abs(a),l=Math.abs(n);normalize(o)[1],r=(r=i?getChartIntervals(o,l):getChartIntervals(o)).reverse().map(function(t){return-1*t})}return r}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 getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function scale(t,e){return floatTwo(e.zeroLine-t*e.scaleMultiplier)}function calcDistribution(t,e){for(var i=Math.max.apply(Math,toConsumableArray(t)),n=1/(e-1),a=[],r=0;r<e;r++){var s=i*(n*r);a.push(s)}return a}function getMaxCheckpoint(t,e){return e.filter(function(e){return e<t}).length}function dataPrep(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){if(t.values){var n=t.values;n=(n=n.map(function(t){return isNaN(t)?0:t})).length>i?n.slice(0,i):fillArray(n,i-n.length,0)}else t.values=a;t.chartType||(AXIS_DATASET_CHART_TYPES.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end<t.start){var e=[t.end,t.start];t.start=e[0],t.end=e[1]}}),t}function zeroDataPrep(t){var e=t.labels.length,i=new Array(e).fill(0),n={labels:t.labels.slice(0,-1),datasets:t.datasets.map(function(t){return{name:"",values:i.slice(0,-1),chartType:t.chartType}})};return t.yMarkers&&(n.yMarkers=[{value:0,label:""}]),t.yRegions&&(n.yRegions=[{start:0,end:0,label:""}]),n}function getShortenedLabels(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t/e.length/DEFAULT_CHAR_WIDTH;return e.map(function(t,e){return(t+="").length>n&&(i?e%Math.ceil(t.length/n)!=0&&(t=""):t=n-3>0?t.slice(0,n-3)+" ...":t.slice(0,n)+".."),t})}function getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new AxisChart(e,i)):"bar"===t?(i.type="bar",new AxisChart(e,i)):"axis-mixed"===t?(i.type="line",new AxisChart(e,i)):chartTypes[t]?new chartTypes[t](e,i):void console.error("Undefined chart type: "+t)}Object.defineProperty(exports,"__esModule",{value:!0}),__$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{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px}.chart-container .graph-stats-container:after,.chart-container .graph-stats-container:before{content:"";display:block}.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{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}',{});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 i(t,e){return new Promise(function(i,a){var o={key:t,arg:e,resolve:i,reject:a,next:null};s?s=s.next=o:(r=s=o,n(t,e))})}function n(i,r){try{var s=e[i](r),o=s.value;o instanceof t?Promise.resolve(o.value).then(function(t){n("next",t)},function(t){n("throw",t)}):a(s.done?"return":"normal",s.value)}catch(t){a("throw",t)}}function a(t,e){switch(t){case"return":r.resolve({value:e,done:!0});break;case"throw":r.reject(e);break;default:r.resolve({value:e,done:!1})}(r=r.next)?n(r.key,r.arg):s=null}var r,s;this._invoke=i,"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 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}}(),get=function t(e,i,n){null===e&&(e=Function.prototype);var a=Object.getOwnPropertyDescriptor(e,i);if(void 0===a){var r=Object.getPrototypeOf(e);return null===r?void 0:t(r,i,n)}if("value"in a)return a.value;var s=a.get;if(void 0!==s)return s.call(n)},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 i=[],n=!0,a=!1,r=void 0;try{for(var s,o=t[Symbol.iterator]();!(n=(s=o.next()).done)&&(i.push(s.value),!e||i.length!==e);n=!0);}catch(t){a=!0,r=t}finally{try{!n&&o.return&&o.return()}finally{if(a)throw r}}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")}}(),toConsumableArray=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)};$.create=function(t,e){var i=document.createElement(t);for(var n in e){var a=e[n];if("inside"===n)$(a).appendChild(i);else if("around"===n){var r=$(a);r.parentNode.insertBefore(i,r),i.appendChild(r)}else"styles"===n?"object"===(void 0===a?"undefined":_typeof(a))&&Object.keys(a).map(function(t){i.style[t]=a[t]}):n in i?i[n]=a:i.setAttribute(n,a)}return i};var SvgTip=function(){function t(e){var i=e.parent,n=void 0===i?null:i,a=e.colors,r=void 0===a?[]:a;classCallCheck(this,t),this.parent=n,this.colors=r,this.titleName="",this.titleValue="",this.listValues=[],this.titleValueFirst=0,this.x=0,this.y=0,this.top=0,this.left=0,this.setup()}return createClass(t,[{key:"setup",value:function(){this.makeTooltip()}},{key:"refresh",value:function(){this.fill(),this.calcPosition()}},{key:"makeTooltip",value:function(){var t=this;this.container=$.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.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hideTip()})}},{key:"fill",value:function(){var t=this,e=void 0;this.index&&this.container.setAttribute("data-point-index",this.index),e=this.titleValueFirst?"<strong>"+this.titleValue+"</strong>"+this.titleName:this.titleName+"<strong>"+this.titleValue+"</strong>",this.title.innerHTML=e,this.dataPointList.innerHTML="",this.listValues.map(function(e,i){var n=t.colors[i]||"black",a=$.create("li",{styles:{"border-top":"3px solid "+n},innerHTML:'<strong style="display: block;">'+(0===e.value||e.value?e.value:"")+"</strong>\n\t\t\t\t\t"+(e.title?e.title:"")});t.dataPointList.appendChild(a)})}},{key:"calcPosition",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:"setValues",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]:-1;this.titleName=i.name,this.titleValue=i.value,this.listValues=n,this.x=t,this.y=e,this.titleValueFirst=i.valueFirst||0,this.index=a,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),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"],percentage:["bar","line","scatter","pie"],heatmap:[]},DATA_COLOR_DIVISIONS={bar:"datasets",line:"datasets",pie:"labels",percentage:"labels",heatmap:HEATMAP_DISTRIBUTION_SIZE},BASE_CHART_TOP_MARGIN=30,BASE_CHART_LEFT_MARGIN=20,BASE_CHART_RIGHT_MARGIN=20,Y_AXIS_LEFT_MARGIN=60,Y_AXIS_RIGHT_MARGIN=40,INIT_CHART_UPDATE_TIMEOUT=700,CHART_POST_ANIMATE_TIMEOUT=400,DEFAULT_AXIS_CHART_TYPE="line",AXIS_DATASET_CHART_TYPES=["line","bar"],BAR_CHART_SPACE_RATIO=.5,MIN_BAR_PERCENT_HEIGHT=.01,LINE_CHART_DOT_SIZE=4,DOT_OVERLAY_SIZE_INCR=4,DEFAULT_CHAR_WIDTH=7,ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,HEATMAP_DISTRIBUTION_SIZE=5,HEATMAP_SQUARE_SIZE=10,HEATMAP_GUTTER_SIZE=2,HEATMAP_COLORS=["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],DEFAULT_CHART_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],DEFAULT_COLORS={bar:DEFAULT_CHART_COLORS,line:DEFAULT_CHART_COLORS,pie:DEFAULT_CHART_COLORS,percentage:DEFAULT_CHART_COLORS,heatmap:HEATMAP_COLORS},AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",makeOverlay={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r"),a=t.getAttribute("fill");return i.setAttribute("r",parseInt(n)+DOT_OVERLAY_SIZE_INCR),i.setAttribute("fill",a),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i},heat_square:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r"),a=t.getAttribute("fill");return i.setAttribute("r",parseInt(n)+DOT_OVERLAY_SIZE_INCR),i.setAttribute("fill",a),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i}},updateOverlay={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},heat_square:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},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"},getColor=function(t){return PRESET_COLOR_MAP[t]||t},UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",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,i){if(classCallCheck(this,t),this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.rawChartArgs=i,this.title=i.title||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=this.validateColors(i.colors,this.type),this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.initTimeout=INIT_CHART_UPDATE_TIMEOUT,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return createClass(t,[{key:"configure",value:function(){var t=this;this.setMargins(),window.addEventListener("resize",function(){return t.draw(!0)}),window.addEventListener("orientationchange",function(){return t.draw(!0)})}},{key:"validateColors",value:function(t,e){var i=[];return(t=(t||[]).concat(DEFAULT_COLORS[e])).forEach(function(t){var e=getColor(t);isValidColor(e)?i.push(e):console.warn('"'+t+'" is not a valid color.')}),i}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-70,this.topMargin=BASE_CHART_TOP_MARGIN,this.leftMargin=BASE_CHART_LEFT_MARGIN,this.rightMargin=BASE_CHART_RIGHT_MARGIN}},{key:"setup",value:function(){this.makeContainer(),this.makeTooltip(),this.draw(!1,!0)}},{key:"setupComponents",value:function(){this.components=new Map}},{key:"makeContainer",value:function(){this.parent.innerHTML="",this.container=$.create("div",{inside:this.parent,className:"chart-container"})}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.container,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],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},this.initTimeout)),e||this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{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(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(runSMILAnimation(this.container,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},CHART_POST_ANIMATE_TIMEOUT)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.container.removeChild(this.svg);var t=0,e=0;this.title.length&&(t=30),this.showLegend&&(e=30),this.svg=makeSVGContainer(this.container,"frappe-chart chart",this.baseWidth,this.baseHeight+t+e),this.svgDefs=makeSVGDefs(this.svg),this.title.length&&(this.titleEL=makeText("title",this.leftMargin-AXIS_TICK_LENGTH,this.topMargin,this.title,11),this.svg.appendChild(this.titleEL));var i=this.topMargin+t;this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+i+")"),i=this.baseHeight+t,this.legendArea=makeSVGGroup(this.svg,"chart-legend","translate("+this.leftMargin+", "+i+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){isElementInViewport(t.container)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"addDataPoint",value:function(){}},{key:"removeDataPoint",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(){}},{key:"updateDataset",value:function(){}},{key:"getDifferentChart",value:function(t){var e=this.type,i=this.rawChartArgs;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 n=DATA_COLOR_DIVISIONS[e]===DATA_COLOR_DIVISIONS[t];return i.type=t,i.colors=n?i.colors:void 0,new Chart(this.parent,i)}}},{key:"unbindWindowEvents",value:function(){var t=this;window.removeEventListener("resize",function(){return t.draw(!0)}),window.removeEventListener("orientationchange",function(){return t.draw(!0)})}}]),t}(),AggregationChart=function(t){function e(t,i){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i))}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.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var n=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}),a=n;if(n.length>i){n.sort(function(t,e){return e[0]-t[0]}),a=n.slice(0,i-1);var r=0;n.slice(i-1).map(function(t){r+=t[0]}),a.push([r,"Rest"]),this.colors[i-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"renderLegend",value:function(){}}]),e}(BaseChart),PercentageChart=function(t){function e(t,i){classCallCheck(this,e);var n=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return n.type="percentage",n.setup(),n}return inherits(e,t),createClass(e,[{key:"makeChartArea",value:function(){this.container.className+=" graph-focus-margin",this.container.style.marginTop="45px",this.svg=$.create("div",{className:"div",inside:this.container}),this.chart=$.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=$.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this,e=this.state;this.grandTotal=e.sliceTotals.reduce(function(t,e){return t+e},0),e.slices=[],e.sliceTotals.map(function(i,n){var a=$.create("div",{className:"progress-bar","data-index":n,inside:t.percentageBar,styles:{background:t.colors[n],width:100*i/t.grandTotal+"%"}});e.slices.push(a)})}},{key:"bindTooltip",value:function(){var t=this,e=this.state;this.container.addEventListener("mousemove",function(i){var n=i.target;if(n.classList.contains("progress-bar")){var a=n.getAttribute("data-index"),r=getOffset(t.container),s=getOffset(n),o=s.left-r.left+n.offsetWidth/2,l=s.top-r.top-6,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[a]:t.state.labels[a])+": ",h=(100*e.sliceTotals[a]/t.grandTotal).toFixed(1);t.tip.setValues(o,l,{name:c,value:h+"%"}),t.tip.showTip()}})}}]),e}(AggregationChart),ChartComponent=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,r=void 0===a?"":a,s=e.constants,o=e.getData,l=e.makeElements,c=e.animateElements;classCallCheck(this,t),this.layerTransform=r,this.constants=s,this.makeElements=l,this.getData=o,this.animateElements=c,this.store=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,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.render(this.data),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=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),componentConfigs={pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var n=makePath(e,"pie-path","none",t.colors[i]);return n.style.transition="transform .3s;",n})},animateElements:function(t){return this.store.map(function(e,i){return animatePathStr(e,t.sliceStrings[i])})}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return yLine(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,r=equilizeNoOfElements(n,e),s=slicedToArray(r,2);n=s[0],e=s[1];var o=equilizeNoOfElements(a,i),l=slicedToArray(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return translateHoriLine(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return xLine(i,t.calcLabels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,n=this.oldData.positions,a=this.oldData.calcLabels,r=equilizeNoOfElements(n,e),s=slicedToArray(r,2);n=s[0],e=s[1];var o=equilizeNoOfElements(a,i),l=slicedToArray(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return translateVertLine(t,e[i],n[i])})}},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),i=slicedToArray(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}),r=this.oldData.map(function(t){return t.position});return this.render(r.map(function(t,e){return{position:r[e],label:a[e]}})),this.store.map(function(t,e){return translateHoriLine(t,n[e],r[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.startPos,t.endPos,e.constants.width,t.label)})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.endPos}),a=t.map(function(t){return t.label}),r=t.map(function(t){return t.startPos}),s=this.oldData.map(function(t){return t.endPos}),o=this.oldData.map(function(t){return t.startPos});this.render(s.map(function(t,e){return{startPos:o[e],endPos:s[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,r[e],n[e],s[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,n){return datasetBar(t.xPositions[n],i,t.barWidth,e.color,t.labels[n],n,t.offsets[n],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.offsets,a=t.labels,r=this.oldData.xPositions,s=this.oldData.yPositions,o=this.oldData.offsets,l=this.oldData.labels,c=equilizeNoOfElements(r,e),h=slicedToArray(c,2);r=h[0],e=h[1];var u=equilizeNoOfElements(s,i),d=slicedToArray(u,2);s=d[0],i=d[1];var p=equilizeNoOfElements(o,n),f=slicedToArray(p,2);o=f[0],n=f[1];var v=equilizeNoOfElements(l,a),g=slicedToArray(v,2);l=g[0],a=g[1],this.render({xPositions:r,yPositions:s,offsets:o,labels:a,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var y=[];return this.store.map(function(a,r){y=y.concat(animateBar(a,e[r],i[r],t.barWidth,n[r],{zeroLine:t.zeroLine}))}),y}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=getPaths(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return datasetDot(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,r=this.oldData.yPositions,s=this.oldData.values,o=equilizeNoOfElements(a,e),l=slicedToArray(o,2);a=l[0],e=l[1];var c=equilizeNoOfElements(r,i),h=slicedToArray(c,2);r=h[0],i=h[1];var u=equilizeNoOfElements(s,n),d=slicedToArray(u,2);s=d[0],n=d[1],this.render({xPositions:a,yPositions:r,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var p=[];return Object.keys(this.paths).length&&(p=p.concat(animatePath(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){p=p.concat(animateDot(t,e[n],i[n]))}),p}}},PieChart=function(t){function e(t,i){classCallCheck(this,e);var n=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return n.type="pie",n.initTimeout=0,n.setup(),n}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.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1}},{key:"prepareFirstData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;return this.init=1,t}},{key:"calc",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this);var t=this.state;this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y,t.grandTotal=t.sliceTotals.reduce(function(t,e){return t+e},0),this.calcSlices()}},{key:"calcSlices",value:function(){var t=this,e=this.state,i=this.radius,n=this.clockWise,a=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var r=180-this.config.startAngle;e.sliceTotals.map(function(s,o){var l=r,c=s/e.grandTotal*FULL_ANGLE,h=n?-c:c,u=r+=h,d=getPositionByAngle(l,i),p=getPositionByAngle(u,i),f=t.init&&a[o],v=void 0,g=void 0;t.init?(v=f?f.startPosition:d,g=f?f.endPosition:d):(v=d,g=p);var y=makeArcPathStr(v,g,t.center,t.radius,t.clockWise);e.sliceStrings.push(y),e.slicesProperties.push({startPosition:d,endPosition:p,value:s,total:e.grandTotal,startAngle:l,endAngle:u,angle:h})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["pieSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=getComponent.apply(void 0,toConsumableArray(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,e,i,n){if(t){var a=this.colors[e];if(i){transform(t,this.calTranslateByAngle(this.state.slicesProperties[e])),t.style.fill=lightenDarkenColor(a,50);var r=getOffset(this.svg),s=n.pageX-r.left+10,o=n.pageY-r.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.state.labels[e])+": ",c=(100*this.state.sliceTotals[e]/this.state.grandTotal).toFixed(1);this.tip.setValues(s,o,{name:l,value:c+"%"}),this.tip.showTip()}else transform(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=a}}},{key:"bindTooltip",value:function(){this.container.addEventListener("mousemove",this.mouseMove),this.container.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("pieSlices").store,n=this.curActiveSliceIndex,a=this.curActiveSlice;if(i.includes(e)){var r=i.indexOf(e);this.hoverSlice(a,n,!1),this.curActiveSlice=e,this.curActiveSliceIndex=r,this.hoverSlice(e,r,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),e}(AggregationChart),NO_OF_YEAR_MONTHS=12,NO_OF_DAYS_IN_WEEK=7,NO_OF_MILLIS=1e3,MONTH_NAMES=["January","February","March","April","May","June","July","August","September","October","November","December"],COL_SIZE=HEATMAP_SQUARE_SIZE+HEATMAP_GUTTER_SIZE,Heatmap=function(t){function e(t,i){classCallCheck(this,e);var n=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return n.type="heatmap",n.dataPoints=i.data.dataPoints||{},n.discreteDomains=0===i.discreteDomains?0:1,n.countLabel=i.countLabel||"",n.setup(),n}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.start=t.data.start,this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.firstWeekStart=new Date(this.start.toDateString()),this.lastWeekStart=new Date(this.today.toDateString()),this.firstWeekStart.getDay()!==NO_OF_DAYS_IN_WEEK&&addDays(this.firstWeekStart,-1*this.firstWeekStart.getDay()),this.lastWeekStart.getDay()!==NO_OF_DAYS_IN_WEEK&&addDays(this.lastWeekStart,-1*this.lastWeekStart.getDay()),this.no_of_cols=getWeeksBetween(this.firstWeekStart+"",this.lastWeekStart+"")+1}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this)}},{key:"calcWidth",value:function(){this.baseWidth=(this.no_of_cols+99)*COL_SIZE,this.discreteDomains&&(this.baseWidth+=COL_SIZE*NO_OF_YEAR_MONTHS)}},{key:"makeChartArea",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=makeSVGGroup(this.drawArea,"domain-label-group chart-label"),this.dataGroups=makeSVGGroup(this.drawArea,"data-groups","translate(0, 20)")}},{key:"calc",value:function(){var t=this,e=Object.keys(this.dataPoints).map(function(e){return t.dataPoints[e]});this.distribution=calcDistribution(e,HEATMAP_DISTRIBUTION_SIZE)}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.firstWeekStart);this.weekCol=0,this.currentMonth=e.getMonth(),this.months=[this.currentMonth+""],this.monthWeeks={},this.monthStartPoints=[],this.monthWeeks[this.currentMonth]=0;for(var i=0;i<t;i++){var n=void 0,a=0,r=new Date(e),s=this.getWeekSquaresGroup(r,this.weekCol),o=slicedToArray(s,2);n=o[0],a=o[1],this.dataGroups.appendChild(n),this.weekCol+=1+parseInt(this.discreteDomains&&a),this.monthWeeks[this.currentMonth]++,a&&(this.currentMonth=(this.currentMonth+1)%NO_OF_YEAR_MONTHS,this.months.push(this.currentMonth+""),this.monthWeeks[this.currentMonth]=1),addDays(e,NO_OF_DAYS_IN_WEEK)}this.renderMonthLabels()}},{key:"getWeekSquaresGroup",value:function(t,e){for(var i=this.today.getTime(),n=0,a=0,r=makeSVGGroup(this.dataGroups,"data-group"),s=0,o=0;o<NO_OF_DAYS_IN_WEEK;o+=1,s+=COL_SIZE){var l=0,c=0,h=t.getTime()/NO_OF_MILLIS,u=Math.floor(h-h%86400).toFixed(1);this.dataPoints[u]&&(l=this.dataPoints[u]),this.dataPoints[Math.round(u)]&&(l=this.dataPoints[Math.round(u)]),l&&(c=getMaxCheckpoint(l,this.distribution));var d=(e+a)*COL_SIZE,p={"data-date":getDdMmYyyy(t),"data-value":l,"data-day":t.getDay()},f=makeHeatSquare("day",d,s,HEATMAP_SQUARE_SIZE,this.colors[c],p);r.appendChild(f);var v=new Date(t);if(addDays(v,1),v.getTime()>i)break;v.getMonth()-t.getMonth()&&(n=1,this.discreteDomains&&(a=1),this.monthStartPoints.push((e+a)*COL_SIZE)),t=v}return[r,n]}},{key:"renderMonthLabels",value:function(){var t=this;this.months.shift(),this.monthStartPoints.shift(),this.months.pop(),this.monthStartPoints.pop(),this.monthStartPoints.map(function(e,i){var n=getMonthName(t.months[i],!0),a=makeText("y-value-text",e+COL_SIZE,HEATMAP_SQUARE_SIZE,n);t.domainLabelGroup.appendChild(a)})}},{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=getMonthName(parseInt(n[1])-1,!0),r=t.container.getBoundingClientRect(),s=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=s.left-r.left+(o+2)/2,c=s.top-r.top-(o+2)/2,h=i+" "+t.countLabel,u=" on "+a+" "+n[0]+", "+n[2];t.tip.setValues(l,c,{name:u,value:h,valueFirst:1},[]),t.tip.showTip()})})}},{key:"update",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(BaseChart),AxisChart=function(t){function e(t,i){classCallCheck(this,e);var n=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return n.barOptions=i.barOptions||{},n.lineOptions=i.lineOptions||{},n.type=i.type||"line",n.init=1,n.setup(),n}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||0,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=Y_AXIS_LEFT_MARGIN,this.rightMargin=Y_AXIS_RIGHT_MARGIN}},{key:"prepareData",value:function(){return dataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return zeroDataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=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 floatTwo(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/getValueRange(e),n=getIntervalSize(e)*i,a=this.height-getZeroIndex(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return scale(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e){e.yPositions.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=scale(e.value,t.yAxis),e})),this.data.yRegions&&(this.state.yRegions=this.data.yRegions.map(function(e){return e.startPos=scale(e.start,t.yAxis),e.endPos=scale(e.end,t.yAxis),e}))}},{key:"getAllYValues",value:function(){var t,e=this,i="values";if(this.barOptions.stacked){i="cumulativeYs";var n=new Array(this.state.datasetLength).fill(0);this.data.datasets.map(function(t,a){var r=e.data.datasets[a].values;t[i]=n=n.map(function(t,e){return t+r[e]})})}var a=this.data.datasets.map(function(t){return t[i]});return this.data.yMarkers&&a.push(this.data.yMarkers.map(function(t){return t.value})),this.data.yRegions&&this.data.yRegions.map(function(t){a.push([t.end,t.start])}),(t=[]).concat.apply(t,toConsumableArray(a))}},{key:"setupComponents",value:function(){var t=this,e=[["yAxis",{mode:this.config.yAxisMode,width:this.width},function(){return this.state.yAxis}.bind(this)],["xAxis",{mode:this.config.xAxisMode,height:this.height},function(){var t=this.state;return t.xAxis.calcLabels=getShortenedLabels(this.width,t.xAxis.labels,this.config.xIsSeries),t.xAxis}.bind(this)],["yRegions",{width:this.width,pos:"right"},function(){return this.state.yRegions}.bind(this)]],i=this.state.datasets.filter(function(t){return"bar"===t.chartType}),n=this.state.datasets.filter(function(t){return"line"===t.chartType}),a=i.map(function(e){var n=e.index;return["barGraph-"+e.index,{index:n,color:t.colors[n],stacked:t.barOptions.stacked,valuesOverPoints:t.config.valuesOverPoints,minHeight:t.height*MIN_BAR_PERCENT_HEIGHT},function(){var t=this.state,e=t.datasets[n],a=this.barOptions.stacked,r=this.barOptions.spaceRatio||BAR_CHART_SPACE_RATIO,s=t.unitWidth*(1-r),o=s/(a?1:i.length),l=t.xAxis.positions.map(function(t){return t-s/2});a||(l=l.map(function(t){return t+o*n}));var c=new Array(t.datasetLength).fill("");this.config.valuesOverPoints&&(c=a&&e.index===t.datasets.length-1?e.cumulativeYs:e.values);var h=new Array(t.datasetLength).fill(0);return a&&(h=e.yPositions.map(function(t,i){return t-e.cumulativeYPos[i]})),{xPositions:l,yPositions:e.yPositions,offsets:h,labels:c,zeroLine:t.yAxis.zeroLine,barsWidth:s,barWidth:o}}.bind(t)]}),r=n.map(function(e){var i=e.index;return["lineGraph-"+e.index,{index:i,color:t.colors[i],svgDefs:t.svgDefs,heatline:t.lineOptions.heatline,regionFill:t.lineOptions.regionFill,hideDots:t.lineOptions.hideDots,hideLine:t.lineOptions.hideLine,valuesOverPoints:t.config.valuesOverPoints},function(){var t=this.state,e=t.datasets[i];return{xPositions:t.xAxis.positions,yPositions:e.yPositions,values:e.values,zeroLine:t.yAxis.zeroLine,radius:this.lineOptions.dotSize||LINE_CHART_DOT_SIZE}}.bind(t)]}),s=[["yMarkers",{width:this.width,pos:"right"},function(){return this.state.yMarkers}.bind(this)]];e=e.concat(a,r,s);var o=["yMarkers","yRegions"];this.dataUnitComponents=[],this.components=new Map(e.filter(function(e){return!o.includes(e[0])||t.state[e[0]]}).map(function(e){var i=getComponent.apply(void 0,toConsumableArray(e));return(e[0].includes("lineGraph")||e[0].includes("barGraph"))&&t.dataUnitComponents.push(i),[e[0],i]}))}},{key:"bindTooltip",value:function(){var t=this;this.container.addEventListener("mousemove",function(e){var i=getOffset(t.container),n=e.pageX-i.left-t.leftMargin;e.pageY-i.top-t.topMargin<t.height+2*t.topMargin?t.mapTooltipXPosition(n):t.tip.hideTip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this,i=this.state;if(i.yExtremes){var n=this.config.formatTooltipY,a=this.config.formatTooltipX,r=i.xAxis.labels;a&&a(r[0])&&(r=r.map(function(t){return a(t)})),n=n&&n(i.yAxis.labels[0])?n:0;for(var s=i.datasetLength-1;s>=0;s--){var o=i.xAxis.positions[s];if(t>o-i.unitWidth/2){var l=o+this.leftMargin,c=i.yExtremes[s]+this.topMargin,h=this.data.datasets.map(function(t,i){return{title:t.name,value:n?n(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.setValues(l,c,{name:r[s],value:""},h,s),this.tip.showTip();break}}}}},{key:"renderLegend",value:function(){}},{key:"makeOverlay",value:function(){var t=this;if(this.init)return void(this.init=0);this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=makeOverlay[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(){t.updateOverlay()})}},{key:"bindUnits",value:function(){var t=this;this.dataUnitComponents.map(function(e){e.units.map(function(e){e.addEventListener("click",function(){var i=e.getAttribute("data-point-index");t.setCurrentDataPoint(i)})})}),this.tip.container.addEventListener("click",function(){var e=t.tip.container.getAttribute("data-point-index");t.setCurrentDataPoint(e)})}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];updateOverlay[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex,e=this.state;return{index:t,label:e.xAxis.labels[t],values:e.datasets.map(function(e){return e.values[t]})}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,i){var n=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,i,n),this.data.labels.splice(n,0,t),this.data.datasets.map(function(t,e){t.values.splice(n,0,i[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;this.data.labels.length<=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))}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}},{key:"updateDatasets",value:function(t){this.data.datasets.map(function(e,i){t[i]&&(e.values=t[i])}),this.update(this.data)}}]),e}(BaseChart),chartTypes={percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e,i){return classCallCheck(this,t),getChartByType(i.type,e,i)};exports.Chart=Chart,exports.PercentageChart=PercentageChart,exports.PieChart=PieChart,exports.Heatmap=Heatmap,exports.AxisChart=AxisChart;
+"use strict";function __$styleInject(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}function $(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),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function fire(t,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(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 getStringWidth(t,e){return(t+"").length*e}function getPositionByAngle(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}function getBarHeightAndYAttr(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(i=t-e,n=e),[i,n]}function equilizeNoOfElements(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=fillArray(t,i):e=fillArray(e,i),[t,e]}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(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)$$1(a).appendChild(i);else if("around"===n){var r=$$1(a);r.parentNode.insertBefore(i,r),i.appendChild(r)}else"styles"===n?"object"===(void 0===a?"undefined":_typeof(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 renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,i,n){return createSVG("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function makeSVGContainer(t,e,i,n){return createSVG("svg",{className:e,inside:t,width:i,height:n})}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 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 makeArcPathStr(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=i.x+t.x,s=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+r+" "+s+"\n\t\tA "+n+" "+n+" 0 0 "+(a?1:0)+"\n\t\t"+o+" "+l+" z"}function makeGradient(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=renderVerticalGradient(t,n),r=[1,.6,.2];return i&&(r=[.4,.2,0]),setGradientStop(a,"0%",e,r[0]),setGradientStop(a,"50%",e,r[1]),setGradientStop(a,"100%",e,r[2]),n}function makeHeatSquare(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(r).map(function(t){s[t]=r[t]}),createSVG("rect",s)}function makeText(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:FONT_SIZE;return createSVG("text",{className:t,x:e,y:i,dy:a/2+"px","font-size":a+"px",innerHTML:n})}function makeVertLine(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),s=createSVG("text",{x:0,y:i>n?i+LABEL_MARGIN:i-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(r),o.appendChild(s),o}function makeHoriLine(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=BASE_LINE_COLOR),a.lineType||(a.lineType="");var r=createSVG("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),s=createSVG("text",{x:i<n?i-LABEL_MARGIN:i+LABEL_MARGIN,y:0,dy:FONT_SIZE/2-2+"px","font-size":FONT_SIZE+"px","text-anchor":i<n?"end":"start",innerHTML:e+""}),o=createSVG("g",{transform:"translate(0, "+t+")","stroke-opacity":1});return 0!==s&&"0"!==s||(o.style.stroke="rgba(27, 31, 35, 0.6)"),o.appendChild(r),o.appendChild(s),o}function yLine(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=BASE_LINE_COLOR),n.className||(n.className="");var a=-1*AXIS_TICK_LENGTH,r="span"===n.mode?i+AXIS_TICK_LENGTH:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+AXIS_TICK_LENGTH,r=i),a+=n.offset,r+=n.offset,makeHoriLine(t,e,a,r,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function xLine(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=BASE_LINE_COLOR),n.className||(n.className="");var a=i+AXIS_TICK_LENGTH,r="span"===n.mode?-1*AXIS_TICK_LENGTH:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,a,r,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function yMarker(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=createSVG("text",{className:"chart-label",x:i-getStringWidth(e,5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),r=makeHoriLine(t,"",0,i,{stroke:n.stroke||BASE_LINE_COLOR,className:n.className||"",lineType:n.lineType});return r.appendChild(a),r}function yRegion(t,e,i,n){var a=t-e,r=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),s=createSVG("text",{className:"chart-label",x:i-getStringWidth(n+"",4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:n+""}),o=createSVG("g",{transform:"translate(0, "+e+")"});return o.appendChild(r),o.appendChild(s),o}function datasetBar(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=getBarHeightAndYAttr(e,o.zeroLine),c=slicedToArray(l,2),h=c[0],u=c[1],d=createSVG("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":r,x:t,y:u-=s,width:i,height:h||o.minHeight});if((a+="")||a.length){d.setAttribute("y",0),d.setAttribute("x",0);var p=createSVG("text",{className:"data-point-value",x:i/2,y:0,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:a}),f=createSVG("g",{"data-point-index":r,transform:"translate("+t+", "+u+")"});return f.appendChild(d),f.appendChild(p),f}return d}function datasetDot(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=createSVG("circle",{style:"fill: "+n,"data-point-index":r,cx:t,cy:e,r:i});if((a+="")||a.length){s.setAttribute("cy",0),s.setAttribute("cx",0);var o=createSVG("text",{className:"data-point-value",x:0,y:0,dy:FONT_SIZE/2*-1-i+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:a}),l=createSVG("g",{"data-point-index":r,transform:"translate("+t+", "+e+")"});return l.appendChild(s),l.appendChild(o),l}return s}function getPaths(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.map(function(e,i){return t[i]+","+e}).join("L"),s=makePath("M"+r,"line-graph-path",i);if(n.heatline){var o=makeGradient(a.svgDefs,i);s.style.stroke="url(#"+o+")"}var l={path:s};if(n.regionFill){var c=makeGradient(a.svgDefs,i,!0),h="M"+t[0]+","+a.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=makePath(h,"region-fill","none","url(#"+c+")")}return l}function limitColor(t){return t>255?255:t<0?0:t}function lightenDarkenColor(t,e){var i=getColor(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),r=limitColor((a>>16)+e),s=limitColor((a>>8&255)+e),o=limitColor((255&a)+e);return(n?"#":"")+(o|s<<8|r<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function translate(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,STD_EASING,"translate",{transform:a}]}function translateVertLine(t,e,i){return translate(t,[i,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,i){return translate(t,[0,i],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,i,n){var a=e-i,r=t.childNodes[0];return[[r,{height:a,"stroke-dasharray":r.getAttribute("width")+", "+a},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,n],[0,i],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(i,(arguments.length>5&&void 0!==arguments[5]?arguments[5]:{}).zeroLine),s=slicedToArray(r,2),o=s[0],l=s[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},UNIT_ANIM_DUR,STD_EASING],translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],MARKER_LINE_ANIM_DUR)]:[[t,{width:n,height:o,x:e,y:l},UNIT_ANIM_DUR,STD_EASING]]}function animateDot(t,e,i){return"circle"!==t.nodeName?[translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],MARKER_LINE_ANIM_DUR)]:[[t,{cx:e,cy:i},UNIT_ANIM_DUR,STD_EASING]]}function animatePath(t,e,i,n){var a=[],r=i.map(function(t,i){return e[i]+","+t}).join("L"),s=[t.path,{d:"M"+r},PATH_ANIM_DUR,STD_EASING];if(a.push(s),t.region){var o=e[0]+","+n+"L",l="L"+e.slice(-1)[0]+", "+n,c=[t.region,{d:"M"+o+r+l},PATH_ANIM_DUR,STD_EASING];a.push(c)}return a}function animatePathStr(t,e){return[t,{d:e},UNIT_ANIM_DUR,STD_EASING]}function animateSVGElement(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,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var c=void 0;c="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var h=r[l]||t.getAttribute(l),u=e[l],d={attributeName:l,from:h,to:u,begin:"0s",dur:i/1e3+"s",values:h+";"+u,keySplines:EASING[n],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(d.type=a);for(var p in d)c.setAttribute(p,d[p]);s.appendChild(c),a?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[s,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 i=[],n=[];e.map(function(t){var e=t[0],a=e.parentNode,r=void 0,s=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);r=l[0],s=l[1],i.push(s),n.push([r,a]),a.replaceChild(r,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 runSMILAnimation(t,e,i){if(0!==i.length){var n=animateSVG(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}function getComponent(t,e,i){var n=Object.keys(componentConfigs).filter(function(e){return t.includes(e)}),a=componentConfigs[n[0]];return Object.assign(a,{constants:e,getData:i}),new ChartComponent(a)}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getDdMmYyyy(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,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 getMonthName(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=MONTH_NAMES[t];return e?i.slice(0,3):i}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 i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),n=Math.floor(e),a=i-n,r=a,s=1;a>5&&(a%2!=0&&(a=++i-n),r=a/2,s=2),a<=2&&(s=a/(r=4)),0===a&&(r=5,s=1);for(var o=[],l=0;l<=r;l++)o.push(n+s*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=normalize(t),n=slicedToArray(i,2),a=n[0],r=n[1],s=e?e/Math.pow(10,r):0,o=getChartRangeIntervals(a=a.toFixed(6),s);return o=o.map(function(t){return t*Math.pow(10,r)})}function calcChartIntervals(t){function e(t,e){for(var i=getChartIntervals(t),n=i[1]-i[0],a=0,r=1;a<e;r++)a+=n,i.unshift(-1*a);return i}var i=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,toConsumableArray(t)),a=Math.min.apply(Math,toConsumableArray(t)),r=[];if(n>=0&&a>=0)normalize(n)[1],r=i?getChartIntervals(n,a):getChartIntervals(n);else if(n>0&&a<0){var s=Math.abs(a);n>=s?(normalize(n)[1],r=e(n,s)):(normalize(s)[1],r=e(s,n).map(function(t){return-1*t}))}else if(n<=0&&a<=0){var o=Math.abs(a),l=Math.abs(n);normalize(o)[1],r=(r=i?getChartIntervals(o,l):getChartIntervals(o)).reverse().map(function(t){return-1*t})}return r}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 getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function scale(t,e){return floatTwo(e.zeroLine-t*e.scaleMultiplier)}function calcDistribution(t,e){for(var i=Math.max.apply(Math,toConsumableArray(t)),n=1/(e-1),a=[],r=0;r<e;r++){var s=i*(n*r);a.push(s)}return a}function getMaxCheckpoint(t,e){return e.filter(function(e){return e<t}).length}function dataPrep(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){if(t.values){var n=t.values;n=(n=n.map(function(t){return isNaN(t)?0:t})).length>i?n.slice(0,i):fillArray(n,i-n.length,0)}else t.values=a;t.chartType||(AXIS_DATASET_CHART_TYPES.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end<t.start){var e=[t.end,t.start];t.start=e[0],t.end=e[1]}}),t}function zeroDataPrep(t){var e=t.labels.length,i=new Array(e).fill(0),n={labels:t.labels.slice(0,-1),datasets:t.datasets.map(function(t){return{name:"",values:i.slice(0,-1),chartType:t.chartType}})};return t.yMarkers&&(n.yMarkers=[{value:0,label:""}]),t.yRegions&&(n.yRegions=[{start:0,end:0,label:""}]),n}function getShortenedLabels(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t/e.length/DEFAULT_CHAR_WIDTH;return e.map(function(t,e){return(t+="").length>n&&(i?e%Math.ceil(t.length/n)!=0&&(t=""):t=n-3>0?t.slice(0,n-3)+" ...":t.slice(0,n)+".."),t})}function getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new AxisChart(e,i)):"bar"===t?(i.type="bar",new AxisChart(e,i)):"axis-mixed"===t?(i.type="line",new AxisChart(e,i)):chartTypes[t]?new chartTypes[t](e,i):void console.error("Undefined chart type: "+t)}Object.defineProperty(exports,"__esModule",{value:!0}),__$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{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px}.chart-container .graph-stats-container:after,.chart-container .graph-stats-container:before{content:"";display:block}.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{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}',{});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 i(t,e){return new Promise(function(i,a){var o={key:t,arg:e,resolve:i,reject:a,next:null};s?s=s.next=o:(r=s=o,n(t,e))})}function n(i,r){try{var s=e[i](r),o=s.value;o instanceof t?Promise.resolve(o.value).then(function(t){n("next",t)},function(t){n("throw",t)}):a(s.done?"return":"normal",s.value)}catch(t){a("throw",t)}}function a(t,e){switch(t){case"return":r.resolve({value:e,done:!0});break;case"throw":r.reject(e);break;default:r.resolve({value:e,done:!1})}(r=r.next)?n(r.key,r.arg):s=null}var r,s;this._invoke=i,"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 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}}(),get=function t(e,i,n){null===e&&(e=Function.prototype);var a=Object.getOwnPropertyDescriptor(e,i);if(void 0===a){var r=Object.getPrototypeOf(e);return null===r?void 0:t(r,i,n)}if("value"in a)return a.value;var s=a.get;if(void 0!==s)return s.call(n)},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 i=[],n=!0,a=!1,r=void 0;try{for(var s,o=t[Symbol.iterator]();!(n=(s=o.next()).done)&&(i.push(s.value),!e||i.length!==e);n=!0);}catch(t){a=!0,r=t}finally{try{!n&&o.return&&o.return()}finally{if(a)throw r}}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")}}(),toConsumableArray=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)};$.create=function(t,e){var i=document.createElement(t);for(var n in e){var a=e[n];if("inside"===n)$(a).appendChild(i);else if("around"===n){var r=$(a);r.parentNode.insertBefore(i,r),i.appendChild(r)}else"styles"===n?"object"===(void 0===a?"undefined":_typeof(a))&&Object.keys(a).map(function(t){i.style[t]=a[t]}):n in i?i[n]=a:i.setAttribute(n,a)}return i};var SvgTip=function(){function t(e){var i=e.parent,n=void 0===i?null:i,a=e.colors,r=void 0===a?[]:a;classCallCheck(this,t),this.parent=n,this.colors=r,this.titleName="",this.titleValue="",this.listValues=[],this.titleValueFirst=0,this.x=0,this.y=0,this.top=0,this.left=0,this.setup()}return createClass(t,[{key:"setup",value:function(){this.makeTooltip()}},{key:"refresh",value:function(){this.fill(),this.calcPosition()}},{key:"makeTooltip",value:function(){var t=this;this.container=$.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.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hideTip()})}},{key:"fill",value:function(){var t=this,e=void 0;this.index&&this.container.setAttribute("data-point-index",this.index),e=this.titleValueFirst?"<strong>"+this.titleValue+"</strong>"+this.titleName:this.titleName+"<strong>"+this.titleValue+"</strong>",this.title.innerHTML=e,this.dataPointList.innerHTML="",this.listValues.map(function(e,i){var n=t.colors[i]||"black",a=$.create("li",{styles:{"border-top":"3px solid "+n},innerHTML:'<strong style="display: block;">'+(0===e.value||e.value?e.value:"")+"</strong>\n\t\t\t\t\t"+(e.title?e.title:"")});t.dataPointList.appendChild(a)})}},{key:"calcPosition",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:"setValues",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]:-1;this.titleName=i.name,this.titleValue=i.value,this.listValues=n,this.x=t,this.y=e,this.titleValueFirst=i.valueFirst||0,this.index=a,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),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"],percentage:["bar","line","scatter","pie"],heatmap:[]},DATA_COLOR_DIVISIONS={bar:"datasets",line:"datasets",pie:"labels",percentage:"labels",heatmap:HEATMAP_DISTRIBUTION_SIZE},BASE_CHART_TOP_MARGIN=10,BASE_CHART_LEFT_MARGIN=20,BASE_CHART_RIGHT_MARGIN=20,Y_AXIS_LEFT_MARGIN=60,Y_AXIS_RIGHT_MARGIN=40,INIT_CHART_UPDATE_TIMEOUT=700,CHART_POST_ANIMATE_TIMEOUT=400,DEFAULT_AXIS_CHART_TYPE="line",AXIS_DATASET_CHART_TYPES=["line","bar"],BAR_CHART_SPACE_RATIO=.5,MIN_BAR_PERCENT_HEIGHT=.01,LINE_CHART_DOT_SIZE=4,DOT_OVERLAY_SIZE_INCR=4,DEFAULT_CHAR_WIDTH=7,ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,HEATMAP_DISTRIBUTION_SIZE=5,HEATMAP_SQUARE_SIZE=10,HEATMAP_GUTTER_SIZE=2,HEATMAP_COLORS=["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],DEFAULT_CHART_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],DEFAULT_COLORS={bar:DEFAULT_CHART_COLORS,line:DEFAULT_CHART_COLORS,pie:DEFAULT_CHART_COLORS,percentage:DEFAULT_CHART_COLORS,heatmap:HEATMAP_COLORS},AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",makeOverlay={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r"),a=t.getAttribute("fill");return i.setAttribute("r",parseInt(n)+DOT_OVERLAY_SIZE_INCR),i.setAttribute("fill",a),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i},heat_square:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r"),a=t.getAttribute("fill");return i.setAttribute("r",parseInt(n)+DOT_OVERLAY_SIZE_INCR),i.setAttribute("fill",a),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i}},updateOverlay={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},heat_square:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},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"},getColor=function(t){return PRESET_COLOR_MAP[t]||t},UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",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,i){if(classCallCheck(this,t),this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.rawChartArgs=i,this.title=i.title||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=this.validateColors(i.colors,this.type),this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.initTimeout=INIT_CHART_UPDATE_TIMEOUT,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return createClass(t,[{key:"configure",value:function(){var t=this;this.setMargins(),window.addEventListener("resize",function(){return t.draw(!0)}),window.addEventListener("orientationchange",function(){return t.draw(!0)})}},{key:"validateColors",value:function(t,e){var i=[];return(t=(t||[]).concat(DEFAULT_COLORS[e])).forEach(function(t){var e=getColor(t);isValidColor(e)?i.push(e):console.warn('"'+t+'" is not a valid color.')}),i}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-70,this.topMargin=BASE_CHART_TOP_MARGIN,this.leftMargin=BASE_CHART_LEFT_MARGIN,this.rightMargin=BASE_CHART_RIGHT_MARGIN}},{key:"setup",value:function(){this.makeContainer(),this.makeTooltip(),this.draw(!1,!0)}},{key:"setupComponents",value:function(){this.components=new Map}},{key:"makeContainer",value:function(){this.parent.innerHTML="",this.container=$.create("div",{inside:this.parent,className:"chart-container"})}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.container,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],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.updateWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},this.initTimeout)),e||this.renderLegend(),this.setupNavigation(i)}},{key:"updateWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{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(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(runSMILAnimation(this.container,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},CHART_POST_ANIMATE_TIMEOUT)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.container.removeChild(this.svg);var t=0,e=0;this.title.length&&(t=30),this.showLegend&&(e=30),this.svg=makeSVGContainer(this.container,"frappe-chart chart",this.baseWidth,this.baseHeight+t+e),this.svgDefs=makeSVGDefs(this.svg),this.title.length&&(this.titleEL=makeText("title",this.leftMargin-AXIS_TICK_LENGTH,this.topMargin,this.title,11),this.svg.appendChild(this.titleEL));var i=this.topMargin+t;this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+i+")"),i=this.baseHeight+t,this.legendArea=makeSVGGroup(this.svg,"chart-legend","translate("+this.leftMargin+", "+i+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){isElementInViewport(t.container)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"addDataPoint",value:function(){}},{key:"removeDataPoint",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(){}},{key:"updateDataset",value:function(){}},{key:"getDifferentChart",value:function(t){var e=this.type,i=this.rawChartArgs;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 n=DATA_COLOR_DIVISIONS[e]===DATA_COLOR_DIVISIONS[t];return i.type=t,i.colors=n?i.colors:void 0,new Chart(this.parent,i)}}},{key:"unbindWindowEvents",value:function(){var t=this;window.removeEventListener("resize",function(){return t.draw(!0)}),window.removeEventListener("orientationchange",function(){return t.draw(!0)})}}]),t}(),AggregationChart=function(t){function e(t,i){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i))}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.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var n=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}),a=n;if(n.length>i){n.sort(function(t,e){return e[0]-t[0]}),a=n.slice(0,i-1);var r=0;n.slice(i-1).map(function(t){r+=t[0]}),a.push([r,"Rest"]),this.colors[i-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"renderLegend",value:function(){}}]),e}(BaseChart),PercentageChart=function(t){function e(t,i){classCallCheck(this,e);var n=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return n.type="percentage",n.setup(),n}return inherits(e,t),createClass(e,[{key:"makeChartArea",value:function(){this.container.className+=" graph-focus-margin",this.container.style.marginTop="45px",this.svg=$.create("div",{className:"div",inside:this.container}),this.chart=$.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=$.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this,e=this.state;this.grandTotal=e.sliceTotals.reduce(function(t,e){return t+e},0),e.slices=[],e.sliceTotals.map(function(i,n){var a=$.create("div",{className:"progress-bar","data-index":n,inside:t.percentageBar,styles:{background:t.colors[n],width:100*i/t.grandTotal+"%"}});e.slices.push(a)})}},{key:"bindTooltip",value:function(){var t=this,e=this.state;this.container.addEventListener("mousemove",function(i){var n=i.target;if(n.classList.contains("progress-bar")){var a=n.getAttribute("data-index"),r=getOffset(t.container),s=getOffset(n),o=s.left-r.left+n.offsetWidth/2,l=s.top-r.top-6,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[a]:t.state.labels[a])+": ",h=(100*e.sliceTotals[a]/t.grandTotal).toFixed(1);t.tip.setValues(o,l,{name:c,value:h+"%"}),t.tip.showTip()}})}}]),e}(AggregationChart),ChartComponent=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,r=void 0===a?"":a,s=e.constants,o=e.getData,l=e.makeElements,c=e.animateElements;classCallCheck(this,t),this.layerTransform=r,this.constants=s,this.makeElements=l,this.getData=o,this.animateElements=c,this.store=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,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.render(this.data),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=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),componentConfigs={pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var n=makePath(e,"pie-path","none",t.colors[i]);return n.style.transition="transform .3s;",n})},animateElements:function(t){return this.store.map(function(e,i){return animatePathStr(e,t.sliceStrings[i])})}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return yLine(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,r=equilizeNoOfElements(n,e),s=slicedToArray(r,2);n=s[0],e=s[1];var o=equilizeNoOfElements(a,i),l=slicedToArray(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return translateHoriLine(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return xLine(i,t.calcLabels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,n=this.oldData.positions,a=this.oldData.calcLabels,r=equilizeNoOfElements(n,e),s=slicedToArray(r,2);n=s[0],e=s[1];var o=equilizeNoOfElements(a,i),l=slicedToArray(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return translateVertLine(t,e[i],n[i])})}},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),i=slicedToArray(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}),r=this.oldData.map(function(t){return t.position});return this.render(r.map(function(t,e){return{position:r[e],label:a[e]}})),this.store.map(function(t,e){return translateHoriLine(t,n[e],r[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.startPos,t.endPos,e.constants.width,t.label)})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.endPos}),a=t.map(function(t){return t.label}),r=t.map(function(t){return t.startPos}),s=this.oldData.map(function(t){return t.endPos}),o=this.oldData.map(function(t){return t.startPos});this.render(s.map(function(t,e){return{startPos:o[e],endPos:s[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,r[e],n[e],s[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,n){return datasetBar(t.xPositions[n],i,t.barWidth,e.color,t.labels[n],n,t.offsets[n],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.offsets,a=t.labels,r=this.oldData.xPositions,s=this.oldData.yPositions,o=this.oldData.offsets,l=this.oldData.labels,c=equilizeNoOfElements(r,e),h=slicedToArray(c,2);r=h[0],e=h[1];var u=equilizeNoOfElements(s,i),d=slicedToArray(u,2);s=d[0],i=d[1];var p=equilizeNoOfElements(o,n),f=slicedToArray(p,2);o=f[0],n=f[1];var v=equilizeNoOfElements(l,a),g=slicedToArray(v,2);l=g[0],a=g[1],this.render({xPositions:r,yPositions:s,offsets:o,labels:a,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var y=[];return this.store.map(function(a,r){y=y.concat(animateBar(a,e[r],i[r],t.barWidth,n[r],{zeroLine:t.zeroLine}))}),y}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=getPaths(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return datasetDot(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,r=this.oldData.yPositions,s=this.oldData.values,o=equilizeNoOfElements(a,e),l=slicedToArray(o,2);a=l[0],e=l[1];var c=equilizeNoOfElements(r,i),h=slicedToArray(c,2);r=h[0],i=h[1];var u=equilizeNoOfElements(s,n),d=slicedToArray(u,2);s=d[0],n=d[1],this.render({xPositions:a,yPositions:r,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var p=[];return Object.keys(this.paths).length&&(p=p.concat(animatePath(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){p=p.concat(animateDot(t,e[n],i[n]))}),p}}},PieChart=function(t){function e(t,i){classCallCheck(this,e);var n=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return n.type="pie",n.initTimeout=0,n.setup(),n}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.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1}},{key:"prepareFirstData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;return this.init=1,t}},{key:"calc",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this);var t=this.state;this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y,t.grandTotal=t.sliceTotals.reduce(function(t,e){return t+e},0),this.calcSlices()}},{key:"calcSlices",value:function(){var t=this,e=this.state,i=this.radius,n=this.clockWise,a=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var r=180-this.config.startAngle;e.sliceTotals.map(function(s,o){var l=r,c=s/e.grandTotal*FULL_ANGLE,h=n?-c:c,u=r+=h,d=getPositionByAngle(l,i),p=getPositionByAngle(u,i),f=t.init&&a[o],v=void 0,g=void 0;t.init?(v=f?f.startPosition:d,g=f?f.endPosition:d):(v=d,g=p);var y=makeArcPathStr(v,g,t.center,t.radius,t.clockWise);e.sliceStrings.push(y),e.slicesProperties.push({startPosition:d,endPosition:p,value:s,total:e.grandTotal,startAngle:l,endAngle:u,angle:h})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["pieSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=getComponent.apply(void 0,toConsumableArray(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,e,i,n){if(t){var a=this.colors[e];if(i){transform(t,this.calTranslateByAngle(this.state.slicesProperties[e])),t.style.fill=lightenDarkenColor(a,50);var r=getOffset(this.svg),s=n.pageX-r.left+10,o=n.pageY-r.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.state.labels[e])+": ",c=(100*this.state.sliceTotals[e]/this.state.grandTotal).toFixed(1);this.tip.setValues(s,o,{name:l,value:c+"%"}),this.tip.showTip()}else transform(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=a}}},{key:"bindTooltip",value:function(){this.container.addEventListener("mousemove",this.mouseMove),this.container.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("pieSlices").store,n=this.curActiveSliceIndex,a=this.curActiveSlice;if(i.includes(e)){var r=i.indexOf(e);this.hoverSlice(a,n,!1),this.curActiveSlice=e,this.curActiveSliceIndex=r,this.hoverSlice(e,r,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),e}(AggregationChart),NO_OF_YEAR_MONTHS=12,NO_OF_DAYS_IN_WEEK=7,NO_OF_MILLIS=1e3,MONTH_NAMES=["January","February","March","April","May","June","July","August","September","October","November","December"],COL_SIZE=HEATMAP_SQUARE_SIZE+HEATMAP_GUTTER_SIZE,Heatmap=function(t){function e(t,i){classCallCheck(this,e);var n=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return n.type="heatmap",n.dataPoints=i.data.dataPoints||{},n.discreteDomains=0===i.discreteDomains?0:1,n.countLabel=i.countLabel||"",n.setup(),n}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.start=t.data.start,this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.firstWeekStart=new Date(this.start.toDateString()),this.lastWeekStart=new Date(this.today.toDateString()),this.firstWeekStart.getDay()!==NO_OF_DAYS_IN_WEEK&&addDays(this.firstWeekStart,-1*this.firstWeekStart.getDay()),this.lastWeekStart.getDay()!==NO_OF_DAYS_IN_WEEK&&addDays(this.lastWeekStart,-1*this.lastWeekStart.getDay()),this.no_of_cols=getWeeksBetween(this.firstWeekStart+"",this.lastWeekStart+"")+1}},{key:"updateWidth",value:function(){this.baseWidth=(this.no_of_cols+99)*COL_SIZE,this.discreteDomains&&(this.baseWidth+=COL_SIZE*NO_OF_YEAR_MONTHS)}},{key:"makeChartArea",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=makeSVGGroup(this.drawArea,"domain-label-group chart-label"),this.dataGroups=makeSVGGroup(this.drawArea,"data-groups","translate(0, 20)")}},{key:"calc",value:function(){this.distribution=calcDistribution(Object.values(this.dataPoints),HEATMAP_DISTRIBUTION_SIZE)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.draw()}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.firstWeekStart);this.weekCol=0,this.currentMonth=e.getMonth(),this.months=[this.currentMonth+""],this.monthWeeks={},this.monthStartPoints=[],this.monthWeeks[this.currentMonth]=0;for(var i=0;i<t;i++){var n=void 0,a=0,r=new Date(e),s=this.getWeekSquaresGroup(r,this.weekCol),o=slicedToArray(s,2);n=o[0],a=o[1],this.dataGroups.appendChild(n),this.weekCol+=1+parseInt(this.discreteDomains&&a),this.monthWeeks[this.currentMonth]++,a&&(this.currentMonth=(this.currentMonth+1)%NO_OF_YEAR_MONTHS,this.months.push(this.currentMonth+""),this.monthWeeks[this.currentMonth]=1),addDays(e,NO_OF_DAYS_IN_WEEK)}this.renderMonthLabels()}},{key:"getWeekSquaresGroup",value:function(t,e){for(var i=this.today.getTime(),n=0,a=0,r=makeSVGGroup(this.dataGroups,"data-group"),s=0,o=0;o<NO_OF_DAYS_IN_WEEK;o+=1,s+=COL_SIZE){var l=0,c=0,h=t.getTime()/NO_OF_MILLIS,u=Math.floor(h-h%86400).toFixed(1);this.dataPoints[u]&&(l=this.dataPoints[u]),this.dataPoints[Math.round(u)]&&(l=this.dataPoints[Math.round(u)]),l&&(c=getMaxCheckpoint(l,this.distribution));var d=(e+a)*COL_SIZE,p={"data-date":getDdMmYyyy(t),"data-value":l,"data-day":t.getDay()},f=makeHeatSquare("day",d,s,HEATMAP_SQUARE_SIZE,this.colors[c],p);r.appendChild(f);var v=new Date(t);if(addDays(v,1),v.getTime()>i)break;v.getMonth()-t.getMonth()&&(n=1,this.discreteDomains&&(a=1),this.monthStartPoints.push((e+a)*COL_SIZE)),t=v}return[r,n]}},{key:"renderMonthLabels",value:function(){var t=this;this.months.shift(),this.monthStartPoints.shift(),this.months.pop(),this.monthStartPoints.pop(),this.monthStartPoints.map(function(e,i){var n=getMonthName(t.months[i],!0),a=makeText("y-value-text",e+COL_SIZE,HEATMAP_SQUARE_SIZE,n);t.domainLabelGroup.appendChild(a)})}},{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=getMonthName(parseInt(n[1])-1,!0),r=t.container.getBoundingClientRect(),s=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=s.left-r.left+(o+2)/2,c=s.top-r.top-(o+2)/2,h=i+" "+t.countLabel,u=" on "+a+" "+n[0]+", "+n[2];t.tip.setValues(l,c,{name:u,value:h,valueFirst:1},[]),t.tip.showTip()})})}},{key:"update",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(BaseChart),AxisChart=function(t){function e(t,i){classCallCheck(this,e);var n=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return n.barOptions=i.barOptions||{},n.lineOptions=i.lineOptions||{},n.type=i.type||"line",n.init=1,n.setup(),n}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||0,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=Y_AXIS_LEFT_MARGIN,this.rightMargin=Y_AXIS_RIGHT_MARGIN}},{key:"prepareData",value:function(){return dataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return zeroDataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=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 floatTwo(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/getValueRange(e),n=getIntervalSize(e)*i,a=this.height-getZeroIndex(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return scale(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e){e.yPositions.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=scale(e.value,t.yAxis),e})),this.data.yRegions&&(this.state.yRegions=this.data.yRegions.map(function(e){return e.startPos=scale(e.start,t.yAxis),e.endPos=scale(e.end,t.yAxis),e}))}},{key:"getAllYValues",value:function(){var t,e=this,i="values";if(this.barOptions.stacked){i="cumulativeYs";var n=new Array(this.state.datasetLength).fill(0);this.data.datasets.map(function(t,a){var r=e.data.datasets[a].values;t[i]=n=n.map(function(t,e){return t+r[e]})})}var a=this.data.datasets.map(function(t){return t[i]});return this.data.yMarkers&&a.push(this.data.yMarkers.map(function(t){return t.value})),this.data.yRegions&&this.data.yRegions.map(function(t){a.push([t.end,t.start])}),(t=[]).concat.apply(t,toConsumableArray(a))}},{key:"setupComponents",value:function(){var t=this,e=[["yAxis",{mode:this.config.yAxisMode,width:this.width},function(){return this.state.yAxis}.bind(this)],["xAxis",{mode:this.config.xAxisMode,height:this.height},function(){var t=this.state;return t.xAxis.calcLabels=getShortenedLabels(this.width,t.xAxis.labels,this.config.xIsSeries),t.xAxis}.bind(this)],["yRegions",{width:this.width,pos:"right"},function(){return this.state.yRegions}.bind(this)]],i=this.state.datasets.filter(function(t){return"bar"===t.chartType}),n=this.state.datasets.filter(function(t){return"line"===t.chartType}),a=i.map(function(e){var n=e.index;return["barGraph-"+e.index,{index:n,color:t.colors[n],stacked:t.barOptions.stacked,valuesOverPoints:t.config.valuesOverPoints,minHeight:t.height*MIN_BAR_PERCENT_HEIGHT},function(){var t=this.state,e=t.datasets[n],a=this.barOptions.stacked,r=this.barOptions.spaceRatio||BAR_CHART_SPACE_RATIO,s=t.unitWidth*(1-r),o=s/(a?1:i.length),l=t.xAxis.positions.map(function(t){return t-s/2});a||(l=l.map(function(t){return t+o*n}));var c=new Array(t.datasetLength).fill("");this.config.valuesOverPoints&&(c=a&&e.index===t.datasets.length-1?e.cumulativeYs:e.values);var h=new Array(t.datasetLength).fill(0);return a&&(h=e.yPositions.map(function(t,i){return t-e.cumulativeYPos[i]})),{xPositions:l,yPositions:e.yPositions,offsets:h,labels:c,zeroLine:t.yAxis.zeroLine,barsWidth:s,barWidth:o}}.bind(t)]}),r=n.map(function(e){var i=e.index;return["lineGraph-"+e.index,{index:i,color:t.colors[i],svgDefs:t.svgDefs,heatline:t.lineOptions.heatline,regionFill:t.lineOptions.regionFill,hideDots:t.lineOptions.hideDots,hideLine:t.lineOptions.hideLine,valuesOverPoints:t.config.valuesOverPoints},function(){var t=this.state,e=t.datasets[i];return{xPositions:t.xAxis.positions,yPositions:e.yPositions,values:e.values,zeroLine:t.yAxis.zeroLine,radius:this.lineOptions.dotSize||LINE_CHART_DOT_SIZE}}.bind(t)]}),s=[["yMarkers",{width:this.width,pos:"right"},function(){return this.state.yMarkers}.bind(this)]];e=e.concat(a,r,s);var o=["yMarkers","yRegions"];this.dataUnitComponents=[],this.components=new Map(e.filter(function(e){return!o.includes(e[0])||t.state[e[0]]}).map(function(e){var i=getComponent.apply(void 0,toConsumableArray(e));return(e[0].includes("lineGraph")||e[0].includes("barGraph"))&&t.dataUnitComponents.push(i),[e[0],i]}))}},{key:"bindTooltip",value:function(){var t=this;this.container.addEventListener("mousemove",function(e){var i=getOffset(t.container),n=e.pageX-i.left-t.leftMargin;e.pageY-i.top-t.topMargin<t.height+2*t.topMargin?t.mapTooltipXPosition(n):t.tip.hideTip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this,i=this.state;if(i.yExtremes){var n=this.config.formatTooltipY,a=this.config.formatTooltipX,r=i.xAxis.labels;a&&a(r[0])&&(r=r.map(function(t){return a(t)})),n=n&&n(i.yAxis.labels[0])?n:0;for(var s=i.datasetLength-1;s>=0;s--){var o=i.xAxis.positions[s];if(t>o-i.unitWidth/2){var l=o+this.leftMargin,c=i.yExtremes[s]+this.topMargin,h=this.data.datasets.map(function(t,i){return{title:t.name,value:n?n(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.setValues(l,c,{name:r[s],value:""},h,s),this.tip.showTip();break}}}}},{key:"renderLegend",value:function(){}},{key:"makeOverlay",value:function(){var t=this;if(this.init)return void(this.init=0);this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=makeOverlay[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(){t.updateOverlay()})}},{key:"bindUnits",value:function(){var t=this;this.dataUnitComponents.map(function(e){e.units.map(function(e){e.addEventListener("click",function(){var i=e.getAttribute("data-point-index");t.setCurrentDataPoint(i)})})}),this.tip.container.addEventListener("click",function(){var e=t.tip.container.getAttribute("data-point-index");t.setCurrentDataPoint(e)})}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];updateOverlay[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex,e=this.state;return{index:t,label:e.xAxis.labels[t],values:e.datasets.map(function(e){return e.values[t]})}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,i){var n=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,i,n),this.data.labels.splice(n,0,t),this.data.datasets.map(function(t,e){t.values.splice(n,0,i[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;this.data.labels.length<=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))}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}},{key:"updateDatasets",value:function(t){this.data.datasets.map(function(e,i){t[i]&&(e.values=t[i])}),this.update(this.data)}}]),e}(BaseChart),chartTypes={percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e,i){return classCallCheck(this,t),getChartByType(i.type,e,i)};exports.Chart=Chart,exports.PercentageChart=PercentageChart,exports.PieChart=PieChart,exports.Heatmap=Heatmap,exports.AxisChart=AxisChart;
diff --git a/dist/frappe-charts.min.esm.js b/dist/frappe-charts.min.esm.js
index b6f2002..e3350ab 100644
--- a/dist/frappe-charts.min.esm.js
+++ b/dist/frappe-charts.min.esm.js
@@ -1 +1 @@
-function __$styleInject(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}function $(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),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function fire(t,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(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 getStringWidth(t,e){return(t+"").length*e}function getPositionByAngle(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}function getBarHeightAndYAttr(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(i=t-e,n=e),[i,n]}function equilizeNoOfElements(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=fillArray(t,i):e=fillArray(e,i),[t,e]}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(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)$$1(a).appendChild(i);else if("around"===n){var r=$$1(a);r.parentNode.insertBefore(i,r),i.appendChild(r)}else"styles"===n?"object"===(void 0===a?"undefined":_typeof(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 renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,i,n){return createSVG("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function makeSVGContainer(t,e,i,n){return createSVG("svg",{className:e,inside:t,width:i,height:n})}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 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 makeArcPathStr(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=i.x+t.x,s=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+r+" "+s+"\n\t\tA "+n+" "+n+" 0 0 "+(a?1:0)+"\n\t\t"+o+" "+l+" z"}function makeGradient(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=renderVerticalGradient(t,n),r=[1,.6,.2];return i&&(r=[.4,.2,0]),setGradientStop(a,"0%",e,r[0]),setGradientStop(a,"50%",e,r[1]),setGradientStop(a,"100%",e,r[2]),n}function makeHeatSquare(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(r).map(function(t){s[t]=r[t]}),createSVG("rect",s)}function makeText(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:FONT_SIZE;return createSVG("text",{className:t,x:e,y:i,dy:a/2+"px","font-size":a+"px",innerHTML:n})}function makeVertLine(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),s=createSVG("text",{x:0,y:i>n?i+LABEL_MARGIN:i-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(r),o.appendChild(s),o}function makeHoriLine(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=BASE_LINE_COLOR),a.lineType||(a.lineType="");var r=createSVG("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),s=createSVG("text",{x:i<n?i-LABEL_MARGIN:i+LABEL_MARGIN,y:0,dy:FONT_SIZE/2-2+"px","font-size":FONT_SIZE+"px","text-anchor":i<n?"end":"start",innerHTML:e+""}),o=createSVG("g",{transform:"translate(0, "+t+")","stroke-opacity":1});return 0!==s&&"0"!==s||(o.style.stroke="rgba(27, 31, 35, 0.6)"),o.appendChild(r),o.appendChild(s),o}function yLine(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=BASE_LINE_COLOR),n.className||(n.className="");var a=-1*AXIS_TICK_LENGTH,r="span"===n.mode?i+AXIS_TICK_LENGTH:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+AXIS_TICK_LENGTH,r=i),a+=n.offset,r+=n.offset,makeHoriLine(t,e,a,r,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function xLine(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=BASE_LINE_COLOR),n.className||(n.className="");var a=i+AXIS_TICK_LENGTH,r="span"===n.mode?-1*AXIS_TICK_LENGTH:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,a,r,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function yMarker(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=createSVG("text",{className:"chart-label",x:i-getStringWidth(e,5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),r=makeHoriLine(t,"",0,i,{stroke:n.stroke||BASE_LINE_COLOR,className:n.className||"",lineType:n.lineType});return r.appendChild(a),r}function yRegion(t,e,i,n){var a=t-e,r=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),s=createSVG("text",{className:"chart-label",x:i-getStringWidth(n+"",4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:n+""}),o=createSVG("g",{transform:"translate(0, "+e+")"});return o.appendChild(r),o.appendChild(s),o}function datasetBar(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=getBarHeightAndYAttr(e,o.zeroLine),c=slicedToArray(l,2),h=c[0],u=c[1],d=createSVG("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":r,x:t,y:u-=s,width:i,height:h||o.minHeight});if((a+="")||a.length){d.setAttribute("y",0),d.setAttribute("x",0);var p=createSVG("text",{className:"data-point-value",x:i/2,y:0,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:a}),f=createSVG("g",{"data-point-index":r,transform:"translate("+t+", "+u+")"});return f.appendChild(d),f.appendChild(p),f}return d}function datasetDot(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=createSVG("circle",{style:"fill: "+n,"data-point-index":r,cx:t,cy:e,r:i});if((a+="")||a.length){s.setAttribute("cy",0),s.setAttribute("cx",0);var o=createSVG("text",{className:"data-point-value",x:0,y:0,dy:FONT_SIZE/2*-1-i+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:a}),l=createSVG("g",{"data-point-index":r,transform:"translate("+t+", "+e+")"});return l.appendChild(s),l.appendChild(o),l}return s}function getPaths(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.map(function(e,i){return t[i]+","+e}).join("L"),s=makePath("M"+r,"line-graph-path",i);if(n.heatline){var o=makeGradient(a.svgDefs,i);s.style.stroke="url(#"+o+")"}var l={path:s};if(n.regionFill){var c=makeGradient(a.svgDefs,i,!0),h="M"+t[0]+","+a.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=makePath(h,"region-fill","none","url(#"+c+")")}return l}function limitColor(t){return t>255?255:t<0?0:t}function lightenDarkenColor(t,e){var i=getColor(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),r=limitColor((a>>16)+e),s=limitColor((a>>8&255)+e),o=limitColor((255&a)+e);return(n?"#":"")+(o|s<<8|r<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function translate(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,STD_EASING,"translate",{transform:a}]}function translateVertLine(t,e,i){return translate(t,[i,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,i){return translate(t,[0,i],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,i,n){var a=e-i,r=t.childNodes[0];return[[r,{height:a,"stroke-dasharray":r.getAttribute("width")+", "+a},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,n],[0,i],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(i,(arguments.length>5&&void 0!==arguments[5]?arguments[5]:{}).zeroLine),s=slicedToArray(r,2),o=s[0],l=s[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},UNIT_ANIM_DUR,STD_EASING],translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],MARKER_LINE_ANIM_DUR)]:[[t,{width:n,height:o,x:e,y:l},UNIT_ANIM_DUR,STD_EASING]]}function animateDot(t,e,i){return"circle"!==t.nodeName?[translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],MARKER_LINE_ANIM_DUR)]:[[t,{cx:e,cy:i},UNIT_ANIM_DUR,STD_EASING]]}function animatePath(t,e,i,n){var a=[],r=i.map(function(t,i){return e[i]+","+t}).join("L"),s=[t.path,{d:"M"+r},PATH_ANIM_DUR,STD_EASING];if(a.push(s),t.region){var o=e[0]+","+n+"L",l="L"+e.slice(-1)[0]+", "+n,c=[t.region,{d:"M"+o+r+l},PATH_ANIM_DUR,STD_EASING];a.push(c)}return a}function animatePathStr(t,e){return[t,{d:e},UNIT_ANIM_DUR,STD_EASING]}function animateSVGElement(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,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var c=void 0;c="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var h=r[l]||t.getAttribute(l),u=e[l],d={attributeName:l,from:h,to:u,begin:"0s",dur:i/1e3+"s",values:h+";"+u,keySplines:EASING[n],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(d.type=a);for(var p in d)c.setAttribute(p,d[p]);s.appendChild(c),a?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[s,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 i=[],n=[];e.map(function(t){var e=t[0],a=e.parentNode,r=void 0,s=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);r=l[0],s=l[1],i.push(s),n.push([r,a]),a.replaceChild(r,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 runSMILAnimation(t,e,i){if(0!==i.length){var n=animateSVG(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}function getComponent(t,e,i){var n=Object.keys(componentConfigs).filter(function(e){return t.includes(e)}),a=componentConfigs[n[0]];return Object.assign(a,{constants:e,getData:i}),new ChartComponent(a)}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getDdMmYyyy(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,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 getMonthName(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=MONTH_NAMES[t];return e?i.slice(0,3):i}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 i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),n=Math.floor(e),a=i-n,r=a,s=1;a>5&&(a%2!=0&&(a=++i-n),r=a/2,s=2),a<=2&&(s=a/(r=4)),0===a&&(r=5,s=1);for(var o=[],l=0;l<=r;l++)o.push(n+s*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=normalize(t),n=slicedToArray(i,2),a=n[0],r=n[1],s=e?e/Math.pow(10,r):0,o=getChartRangeIntervals(a=a.toFixed(6),s);return o=o.map(function(t){return t*Math.pow(10,r)})}function calcChartIntervals(t){function e(t,e){for(var i=getChartIntervals(t),n=i[1]-i[0],a=0,r=1;a<e;r++)a+=n,i.unshift(-1*a);return i}var i=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,toConsumableArray(t)),a=Math.min.apply(Math,toConsumableArray(t)),r=[];if(n>=0&&a>=0)normalize(n)[1],r=i?getChartIntervals(n,a):getChartIntervals(n);else if(n>0&&a<0){var s=Math.abs(a);n>=s?(normalize(n)[1],r=e(n,s)):(normalize(s)[1],r=e(s,n).map(function(t){return-1*t}))}else if(n<=0&&a<=0){var o=Math.abs(a),l=Math.abs(n);normalize(o)[1],r=(r=i?getChartIntervals(o,l):getChartIntervals(o)).reverse().map(function(t){return-1*t})}return r}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 getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function scale(t,e){return floatTwo(e.zeroLine-t*e.scaleMultiplier)}function calcDistribution(t,e){for(var i=Math.max.apply(Math,toConsumableArray(t)),n=1/(e-1),a=[],r=0;r<e;r++){var s=i*(n*r);a.push(s)}return a}function getMaxCheckpoint(t,e){return e.filter(function(e){return e<t}).length}function dataPrep(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){if(t.values){var n=t.values;n=(n=n.map(function(t){return isNaN(t)?0:t})).length>i?n.slice(0,i):fillArray(n,i-n.length,0)}else t.values=a;t.chartType||(AXIS_DATASET_CHART_TYPES.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end<t.start){var e=[t.end,t.start];t.start=e[0],t.end=e[1]}}),t}function zeroDataPrep(t){var e=t.labels.length,i=new Array(e).fill(0),n={labels:t.labels.slice(0,-1),datasets:t.datasets.map(function(t){return{name:"",values:i.slice(0,-1),chartType:t.chartType}})};return t.yMarkers&&(n.yMarkers=[{value:0,label:""}]),t.yRegions&&(n.yRegions=[{start:0,end:0,label:""}]),n}function getShortenedLabels(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t/e.length/DEFAULT_CHAR_WIDTH;return e.map(function(t,e){return(t+="").length>n&&(i?e%Math.ceil(t.length/n)!=0&&(t=""):t=n-3>0?t.slice(0,n-3)+" ...":t.slice(0,n)+".."),t})}function getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new AxisChart(e,i)):"bar"===t?(i.type="bar",new AxisChart(e,i)):"axis-mixed"===t?(i.type="line",new AxisChart(e,i)):chartTypes[t]?new chartTypes[t](e,i):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{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px}.chart-container .graph-stats-container:after,.chart-container .graph-stats-container:before{content:"";display:block}.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{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}',{});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 i(t,e){return new Promise(function(i,a){var o={key:t,arg:e,resolve:i,reject:a,next:null};s?s=s.next=o:(r=s=o,n(t,e))})}function n(i,r){try{var s=e[i](r),o=s.value;o instanceof t?Promise.resolve(o.value).then(function(t){n("next",t)},function(t){n("throw",t)}):a(s.done?"return":"normal",s.value)}catch(t){a("throw",t)}}function a(t,e){switch(t){case"return":r.resolve({value:e,done:!0});break;case"throw":r.reject(e);break;default:r.resolve({value:e,done:!1})}(r=r.next)?n(r.key,r.arg):s=null}var r,s;this._invoke=i,"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 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}}(),get=function t(e,i,n){null===e&&(e=Function.prototype);var a=Object.getOwnPropertyDescriptor(e,i);if(void 0===a){var r=Object.getPrototypeOf(e);return null===r?void 0:t(r,i,n)}if("value"in a)return a.value;var s=a.get;if(void 0!==s)return s.call(n)},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 i=[],n=!0,a=!1,r=void 0;try{for(var s,o=t[Symbol.iterator]();!(n=(s=o.next()).done)&&(i.push(s.value),!e||i.length!==e);n=!0);}catch(t){a=!0,r=t}finally{try{!n&&o.return&&o.return()}finally{if(a)throw r}}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")}}(),toConsumableArray=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)};$.create=function(t,e){var i=document.createElement(t);for(var n in e){var a=e[n];if("inside"===n)$(a).appendChild(i);else if("around"===n){var r=$(a);r.parentNode.insertBefore(i,r),i.appendChild(r)}else"styles"===n?"object"===(void 0===a?"undefined":_typeof(a))&&Object.keys(a).map(function(t){i.style[t]=a[t]}):n in i?i[n]=a:i.setAttribute(n,a)}return i};var SvgTip=function(){function t(e){var i=e.parent,n=void 0===i?null:i,a=e.colors,r=void 0===a?[]:a;classCallCheck(this,t),this.parent=n,this.colors=r,this.titleName="",this.titleValue="",this.listValues=[],this.titleValueFirst=0,this.x=0,this.y=0,this.top=0,this.left=0,this.setup()}return createClass(t,[{key:"setup",value:function(){this.makeTooltip()}},{key:"refresh",value:function(){this.fill(),this.calcPosition()}},{key:"makeTooltip",value:function(){var t=this;this.container=$.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.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hideTip()})}},{key:"fill",value:function(){var t=this,e=void 0;this.index&&this.container.setAttribute("data-point-index",this.index),e=this.titleValueFirst?"<strong>"+this.titleValue+"</strong>"+this.titleName:this.titleName+"<strong>"+this.titleValue+"</strong>",this.title.innerHTML=e,this.dataPointList.innerHTML="",this.listValues.map(function(e,i){var n=t.colors[i]||"black",a=$.create("li",{styles:{"border-top":"3px solid "+n},innerHTML:'<strong style="display: block;">'+(0===e.value||e.value?e.value:"")+"</strong>\n\t\t\t\t\t"+(e.title?e.title:"")});t.dataPointList.appendChild(a)})}},{key:"calcPosition",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:"setValues",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]:-1;this.titleName=i.name,this.titleValue=i.value,this.listValues=n,this.x=t,this.y=e,this.titleValueFirst=i.valueFirst||0,this.index=a,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),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"],percentage:["bar","line","scatter","pie"],heatmap:[]},DATA_COLOR_DIVISIONS={bar:"datasets",line:"datasets",pie:"labels",percentage:"labels",heatmap:HEATMAP_DISTRIBUTION_SIZE},BASE_CHART_TOP_MARGIN=30,BASE_CHART_LEFT_MARGIN=20,BASE_CHART_RIGHT_MARGIN=20,Y_AXIS_LEFT_MARGIN=60,Y_AXIS_RIGHT_MARGIN=40,INIT_CHART_UPDATE_TIMEOUT=700,CHART_POST_ANIMATE_TIMEOUT=400,DEFAULT_AXIS_CHART_TYPE="line",AXIS_DATASET_CHART_TYPES=["line","bar"],BAR_CHART_SPACE_RATIO=.5,MIN_BAR_PERCENT_HEIGHT=.01,LINE_CHART_DOT_SIZE=4,DOT_OVERLAY_SIZE_INCR=4,DEFAULT_CHAR_WIDTH=7,ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,HEATMAP_DISTRIBUTION_SIZE=5,HEATMAP_SQUARE_SIZE=10,HEATMAP_GUTTER_SIZE=2,HEATMAP_COLORS=["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],DEFAULT_CHART_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],DEFAULT_COLORS={bar:DEFAULT_CHART_COLORS,line:DEFAULT_CHART_COLORS,pie:DEFAULT_CHART_COLORS,percentage:DEFAULT_CHART_COLORS,heatmap:HEATMAP_COLORS},AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",makeOverlay={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r"),a=t.getAttribute("fill");return i.setAttribute("r",parseInt(n)+DOT_OVERLAY_SIZE_INCR),i.setAttribute("fill",a),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i},heat_square:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r"),a=t.getAttribute("fill");return i.setAttribute("r",parseInt(n)+DOT_OVERLAY_SIZE_INCR),i.setAttribute("fill",a),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i}},updateOverlay={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},heat_square:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},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"},getColor=function(t){return PRESET_COLOR_MAP[t]||t},UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",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,i){if(classCallCheck(this,t),this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.rawChartArgs=i,this.title=i.title||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=this.validateColors(i.colors,this.type),this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.initTimeout=INIT_CHART_UPDATE_TIMEOUT,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return createClass(t,[{key:"configure",value:function(){var t=this;this.setMargins(),window.addEventListener("resize",function(){return t.draw(!0)}),window.addEventListener("orientationchange",function(){return t.draw(!0)})}},{key:"validateColors",value:function(t,e){var i=[];return(t=(t||[]).concat(DEFAULT_COLORS[e])).forEach(function(t){var e=getColor(t);isValidColor(e)?i.push(e):console.warn('"'+t+'" is not a valid color.')}),i}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-70,this.topMargin=BASE_CHART_TOP_MARGIN,this.leftMargin=BASE_CHART_LEFT_MARGIN,this.rightMargin=BASE_CHART_RIGHT_MARGIN}},{key:"setup",value:function(){this.makeContainer(),this.makeTooltip(),this.draw(!1,!0)}},{key:"setupComponents",value:function(){this.components=new Map}},{key:"makeContainer",value:function(){this.parent.innerHTML="",this.container=$.create("div",{inside:this.parent,className:"chart-container"})}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.container,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],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},this.initTimeout)),e||this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{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(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(runSMILAnimation(this.container,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},CHART_POST_ANIMATE_TIMEOUT)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.container.removeChild(this.svg);var t=0,e=0;this.title.length&&(t=30),this.showLegend&&(e=30),this.svg=makeSVGContainer(this.container,"frappe-chart chart",this.baseWidth,this.baseHeight+t+e),this.svgDefs=makeSVGDefs(this.svg),this.title.length&&(this.titleEL=makeText("title",this.leftMargin-AXIS_TICK_LENGTH,this.topMargin,this.title,11),this.svg.appendChild(this.titleEL));var i=this.topMargin+t;this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+i+")"),i=this.baseHeight+t,this.legendArea=makeSVGGroup(this.svg,"chart-legend","translate("+this.leftMargin+", "+i+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){isElementInViewport(t.container)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"addDataPoint",value:function(){}},{key:"removeDataPoint",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(){}},{key:"updateDataset",value:function(){}},{key:"getDifferentChart",value:function(t){var e=this.type,i=this.rawChartArgs;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 n=DATA_COLOR_DIVISIONS[e]===DATA_COLOR_DIVISIONS[t];return i.type=t,i.colors=n?i.colors:void 0,new Chart(this.parent,i)}}},{key:"unbindWindowEvents",value:function(){var t=this;window.removeEventListener("resize",function(){return t.draw(!0)}),window.removeEventListener("orientationchange",function(){return t.draw(!0)})}}]),t}(),AggregationChart=function(t){function e(t,i){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i))}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.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var n=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}),a=n;if(n.length>i){n.sort(function(t,e){return e[0]-t[0]}),a=n.slice(0,i-1);var r=0;n.slice(i-1).map(function(t){r+=t[0]}),a.push([r,"Rest"]),this.colors[i-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"renderLegend",value:function(){}}]),e}(BaseChart),PercentageChart=function(t){function e(t,i){classCallCheck(this,e);var n=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return n.type="percentage",n.setup(),n}return inherits(e,t),createClass(e,[{key:"makeChartArea",value:function(){this.container.className+=" graph-focus-margin",this.container.style.marginTop="45px",this.svg=$.create("div",{className:"div",inside:this.container}),this.chart=$.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=$.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this,e=this.state;this.grandTotal=e.sliceTotals.reduce(function(t,e){return t+e},0),e.slices=[],e.sliceTotals.map(function(i,n){var a=$.create("div",{className:"progress-bar","data-index":n,inside:t.percentageBar,styles:{background:t.colors[n],width:100*i/t.grandTotal+"%"}});e.slices.push(a)})}},{key:"bindTooltip",value:function(){var t=this,e=this.state;this.container.addEventListener("mousemove",function(i){var n=i.target;if(n.classList.contains("progress-bar")){var a=n.getAttribute("data-index"),r=getOffset(t.container),s=getOffset(n),o=s.left-r.left+n.offsetWidth/2,l=s.top-r.top-6,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[a]:t.state.labels[a])+": ",h=(100*e.sliceTotals[a]/t.grandTotal).toFixed(1);t.tip.setValues(o,l,{name:c,value:h+"%"}),t.tip.showTip()}})}}]),e}(AggregationChart),ChartComponent=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,r=void 0===a?"":a,s=e.constants,o=e.getData,l=e.makeElements,c=e.animateElements;classCallCheck(this,t),this.layerTransform=r,this.constants=s,this.makeElements=l,this.getData=o,this.animateElements=c,this.store=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,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.render(this.data),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=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),componentConfigs={pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var n=makePath(e,"pie-path","none",t.colors[i]);return n.style.transition="transform .3s;",n})},animateElements:function(t){return this.store.map(function(e,i){return animatePathStr(e,t.sliceStrings[i])})}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return yLine(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,r=equilizeNoOfElements(n,e),s=slicedToArray(r,2);n=s[0],e=s[1];var o=equilizeNoOfElements(a,i),l=slicedToArray(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return translateHoriLine(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return xLine(i,t.calcLabels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,n=this.oldData.positions,a=this.oldData.calcLabels,r=equilizeNoOfElements(n,e),s=slicedToArray(r,2);n=s[0],e=s[1];var o=equilizeNoOfElements(a,i),l=slicedToArray(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return translateVertLine(t,e[i],n[i])})}},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),i=slicedToArray(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}),r=this.oldData.map(function(t){return t.position});return this.render(r.map(function(t,e){return{position:r[e],label:a[e]}})),this.store.map(function(t,e){return translateHoriLine(t,n[e],r[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.startPos,t.endPos,e.constants.width,t.label)})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.endPos}),a=t.map(function(t){return t.label}),r=t.map(function(t){return t.startPos}),s=this.oldData.map(function(t){return t.endPos}),o=this.oldData.map(function(t){return t.startPos});this.render(s.map(function(t,e){return{startPos:o[e],endPos:s[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,r[e],n[e],s[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,n){return datasetBar(t.xPositions[n],i,t.barWidth,e.color,t.labels[n],n,t.offsets[n],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.offsets,a=t.labels,r=this.oldData.xPositions,s=this.oldData.yPositions,o=this.oldData.offsets,l=this.oldData.labels,c=equilizeNoOfElements(r,e),h=slicedToArray(c,2);r=h[0],e=h[1];var u=equilizeNoOfElements(s,i),d=slicedToArray(u,2);s=d[0],i=d[1];var p=equilizeNoOfElements(o,n),f=slicedToArray(p,2);o=f[0],n=f[1];var v=equilizeNoOfElements(l,a),g=slicedToArray(v,2);l=g[0],a=g[1],this.render({xPositions:r,yPositions:s,offsets:o,labels:a,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var y=[];return this.store.map(function(a,r){y=y.concat(animateBar(a,e[r],i[r],t.barWidth,n[r],{zeroLine:t.zeroLine}))}),y}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=getPaths(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return datasetDot(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,r=this.oldData.yPositions,s=this.oldData.values,o=equilizeNoOfElements(a,e),l=slicedToArray(o,2);a=l[0],e=l[1];var c=equilizeNoOfElements(r,i),h=slicedToArray(c,2);r=h[0],i=h[1];var u=equilizeNoOfElements(s,n),d=slicedToArray(u,2);s=d[0],n=d[1],this.render({xPositions:a,yPositions:r,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var p=[];return Object.keys(this.paths).length&&(p=p.concat(animatePath(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){p=p.concat(animateDot(t,e[n],i[n]))}),p}}},PieChart=function(t){function e(t,i){classCallCheck(this,e);var n=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return n.type="pie",n.initTimeout=0,n.setup(),n}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.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1}},{key:"prepareFirstData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;return this.init=1,t}},{key:"calc",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this);var t=this.state;this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y,t.grandTotal=t.sliceTotals.reduce(function(t,e){return t+e},0),this.calcSlices()}},{key:"calcSlices",value:function(){var t=this,e=this.state,i=this.radius,n=this.clockWise,a=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var r=180-this.config.startAngle;e.sliceTotals.map(function(s,o){var l=r,c=s/e.grandTotal*FULL_ANGLE,h=n?-c:c,u=r+=h,d=getPositionByAngle(l,i),p=getPositionByAngle(u,i),f=t.init&&a[o],v=void 0,g=void 0;t.init?(v=f?f.startPosition:d,g=f?f.endPosition:d):(v=d,g=p);var y=makeArcPathStr(v,g,t.center,t.radius,t.clockWise);e.sliceStrings.push(y),e.slicesProperties.push({startPosition:d,endPosition:p,value:s,total:e.grandTotal,startAngle:l,endAngle:u,angle:h})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["pieSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=getComponent.apply(void 0,toConsumableArray(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,e,i,n){if(t){var a=this.colors[e];if(i){transform(t,this.calTranslateByAngle(this.state.slicesProperties[e])),t.style.fill=lightenDarkenColor(a,50);var r=getOffset(this.svg),s=n.pageX-r.left+10,o=n.pageY-r.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.state.labels[e])+": ",c=(100*this.state.sliceTotals[e]/this.state.grandTotal).toFixed(1);this.tip.setValues(s,o,{name:l,value:c+"%"}),this.tip.showTip()}else transform(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=a}}},{key:"bindTooltip",value:function(){this.container.addEventListener("mousemove",this.mouseMove),this.container.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("pieSlices").store,n=this.curActiveSliceIndex,a=this.curActiveSlice;if(i.includes(e)){var r=i.indexOf(e);this.hoverSlice(a,n,!1),this.curActiveSlice=e,this.curActiveSliceIndex=r,this.hoverSlice(e,r,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),e}(AggregationChart),NO_OF_YEAR_MONTHS=12,NO_OF_DAYS_IN_WEEK=7,NO_OF_MILLIS=1e3,MONTH_NAMES=["January","February","March","April","May","June","July","August","September","October","November","December"],COL_SIZE=HEATMAP_SQUARE_SIZE+HEATMAP_GUTTER_SIZE,Heatmap=function(t){function e(t,i){classCallCheck(this,e);var n=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return n.type="heatmap",n.dataPoints=i.data.dataPoints||{},n.discreteDomains=0===i.discreteDomains?0:1,n.countLabel=i.countLabel||"",n.setup(),n}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.start=t.data.start,this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.firstWeekStart=new Date(this.start.toDateString()),this.lastWeekStart=new Date(this.today.toDateString()),this.firstWeekStart.getDay()!==NO_OF_DAYS_IN_WEEK&&addDays(this.firstWeekStart,-1*this.firstWeekStart.getDay()),this.lastWeekStart.getDay()!==NO_OF_DAYS_IN_WEEK&&addDays(this.lastWeekStart,-1*this.lastWeekStart.getDay()),this.no_of_cols=getWeeksBetween(this.firstWeekStart+"",this.lastWeekStart+"")+1}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this)}},{key:"calcWidth",value:function(){this.baseWidth=(this.no_of_cols+99)*COL_SIZE,this.discreteDomains&&(this.baseWidth+=COL_SIZE*NO_OF_YEAR_MONTHS)}},{key:"makeChartArea",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=makeSVGGroup(this.drawArea,"domain-label-group chart-label"),this.dataGroups=makeSVGGroup(this.drawArea,"data-groups","translate(0, 20)")}},{key:"calc",value:function(){var t=this,e=Object.keys(this.dataPoints).map(function(e){return t.dataPoints[e]});this.distribution=calcDistribution(e,HEATMAP_DISTRIBUTION_SIZE)}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.firstWeekStart);this.weekCol=0,this.currentMonth=e.getMonth(),this.months=[this.currentMonth+""],this.monthWeeks={},this.monthStartPoints=[],this.monthWeeks[this.currentMonth]=0;for(var i=0;i<t;i++){var n=void 0,a=0,r=new Date(e),s=this.getWeekSquaresGroup(r,this.weekCol),o=slicedToArray(s,2);n=o[0],a=o[1],this.dataGroups.appendChild(n),this.weekCol+=1+parseInt(this.discreteDomains&&a),this.monthWeeks[this.currentMonth]++,a&&(this.currentMonth=(this.currentMonth+1)%NO_OF_YEAR_MONTHS,this.months.push(this.currentMonth+""),this.monthWeeks[this.currentMonth]=1),addDays(e,NO_OF_DAYS_IN_WEEK)}this.renderMonthLabels()}},{key:"getWeekSquaresGroup",value:function(t,e){for(var i=this.today.getTime(),n=0,a=0,r=makeSVGGroup(this.dataGroups,"data-group"),s=0,o=0;o<NO_OF_DAYS_IN_WEEK;o+=1,s+=COL_SIZE){var l=0,c=0,h=t.getTime()/NO_OF_MILLIS,u=Math.floor(h-h%86400).toFixed(1);this.dataPoints[u]&&(l=this.dataPoints[u]),this.dataPoints[Math.round(u)]&&(l=this.dataPoints[Math.round(u)]),l&&(c=getMaxCheckpoint(l,this.distribution));var d=(e+a)*COL_SIZE,p={"data-date":getDdMmYyyy(t),"data-value":l,"data-day":t.getDay()},f=makeHeatSquare("day",d,s,HEATMAP_SQUARE_SIZE,this.colors[c],p);r.appendChild(f);var v=new Date(t);if(addDays(v,1),v.getTime()>i)break;v.getMonth()-t.getMonth()&&(n=1,this.discreteDomains&&(a=1),this.monthStartPoints.push((e+a)*COL_SIZE)),t=v}return[r,n]}},{key:"renderMonthLabels",value:function(){var t=this;this.months.shift(),this.monthStartPoints.shift(),this.months.pop(),this.monthStartPoints.pop(),this.monthStartPoints.map(function(e,i){var n=getMonthName(t.months[i],!0),a=makeText("y-value-text",e+COL_SIZE,HEATMAP_SQUARE_SIZE,n);t.domainLabelGroup.appendChild(a)})}},{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=getMonthName(parseInt(n[1])-1,!0),r=t.container.getBoundingClientRect(),s=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=s.left-r.left+(o+2)/2,c=s.top-r.top-(o+2)/2,h=i+" "+t.countLabel,u=" on "+a+" "+n[0]+", "+n[2];t.tip.setValues(l,c,{name:u,value:h,valueFirst:1},[]),t.tip.showTip()})})}},{key:"update",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(BaseChart),AxisChart=function(t){function e(t,i){classCallCheck(this,e);var n=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return n.barOptions=i.barOptions||{},n.lineOptions=i.lineOptions||{},n.type=i.type||"line",n.init=1,n.setup(),n}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||0,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=Y_AXIS_LEFT_MARGIN,this.rightMargin=Y_AXIS_RIGHT_MARGIN}},{key:"prepareData",value:function(){return dataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return zeroDataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=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 floatTwo(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/getValueRange(e),n=getIntervalSize(e)*i,a=this.height-getZeroIndex(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return scale(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e){e.yPositions.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=scale(e.value,t.yAxis),e})),this.data.yRegions&&(this.state.yRegions=this.data.yRegions.map(function(e){return e.startPos=scale(e.start,t.yAxis),e.endPos=scale(e.end,t.yAxis),e}))}},{key:"getAllYValues",value:function(){var t,e=this,i="values";if(this.barOptions.stacked){i="cumulativeYs";var n=new Array(this.state.datasetLength).fill(0);this.data.datasets.map(function(t,a){var r=e.data.datasets[a].values;t[i]=n=n.map(function(t,e){return t+r[e]})})}var a=this.data.datasets.map(function(t){return t[i]});return this.data.yMarkers&&a.push(this.data.yMarkers.map(function(t){return t.value})),this.data.yRegions&&this.data.yRegions.map(function(t){a.push([t.end,t.start])}),(t=[]).concat.apply(t,toConsumableArray(a))}},{key:"setupComponents",value:function(){var t=this,e=[["yAxis",{mode:this.config.yAxisMode,width:this.width},function(){return this.state.yAxis}.bind(this)],["xAxis",{mode:this.config.xAxisMode,height:this.height},function(){var t=this.state;return t.xAxis.calcLabels=getShortenedLabels(this.width,t.xAxis.labels,this.config.xIsSeries),t.xAxis}.bind(this)],["yRegions",{width:this.width,pos:"right"},function(){return this.state.yRegions}.bind(this)]],i=this.state.datasets.filter(function(t){return"bar"===t.chartType}),n=this.state.datasets.filter(function(t){return"line"===t.chartType}),a=i.map(function(e){var n=e.index;return["barGraph-"+e.index,{index:n,color:t.colors[n],stacked:t.barOptions.stacked,valuesOverPoints:t.config.valuesOverPoints,minHeight:t.height*MIN_BAR_PERCENT_HEIGHT},function(){var t=this.state,e=t.datasets[n],a=this.barOptions.stacked,r=this.barOptions.spaceRatio||BAR_CHART_SPACE_RATIO,s=t.unitWidth*(1-r),o=s/(a?1:i.length),l=t.xAxis.positions.map(function(t){return t-s/2});a||(l=l.map(function(t){return t+o*n}));var c=new Array(t.datasetLength).fill("");this.config.valuesOverPoints&&(c=a&&e.index===t.datasets.length-1?e.cumulativeYs:e.values);var h=new Array(t.datasetLength).fill(0);return a&&(h=e.yPositions.map(function(t,i){return t-e.cumulativeYPos[i]})),{xPositions:l,yPositions:e.yPositions,offsets:h,labels:c,zeroLine:t.yAxis.zeroLine,barsWidth:s,barWidth:o}}.bind(t)]}),r=n.map(function(e){var i=e.index;return["lineGraph-"+e.index,{index:i,color:t.colors[i],svgDefs:t.svgDefs,heatline:t.lineOptions.heatline,regionFill:t.lineOptions.regionFill,hideDots:t.lineOptions.hideDots,hideLine:t.lineOptions.hideLine,valuesOverPoints:t.config.valuesOverPoints},function(){var t=this.state,e=t.datasets[i];return{xPositions:t.xAxis.positions,yPositions:e.yPositions,values:e.values,zeroLine:t.yAxis.zeroLine,radius:this.lineOptions.dotSize||LINE_CHART_DOT_SIZE}}.bind(t)]}),s=[["yMarkers",{width:this.width,pos:"right"},function(){return this.state.yMarkers}.bind(this)]];e=e.concat(a,r,s);var o=["yMarkers","yRegions"];this.dataUnitComponents=[],this.components=new Map(e.filter(function(e){return!o.includes(e[0])||t.state[e[0]]}).map(function(e){var i=getComponent.apply(void 0,toConsumableArray(e));return(e[0].includes("lineGraph")||e[0].includes("barGraph"))&&t.dataUnitComponents.push(i),[e[0],i]}))}},{key:"bindTooltip",value:function(){var t=this;this.container.addEventListener("mousemove",function(e){var i=getOffset(t.container),n=e.pageX-i.left-t.leftMargin;e.pageY-i.top-t.topMargin<t.height+2*t.topMargin?t.mapTooltipXPosition(n):t.tip.hideTip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this,i=this.state;if(i.yExtremes){var n=this.config.formatTooltipY,a=this.config.formatTooltipX,r=i.xAxis.labels;a&&a(r[0])&&(r=r.map(function(t){return a(t)})),n=n&&n(i.yAxis.labels[0])?n:0;for(var s=i.datasetLength-1;s>=0;s--){var o=i.xAxis.positions[s];if(t>o-i.unitWidth/2){var l=o+this.leftMargin,c=i.yExtremes[s]+this.topMargin,h=this.data.datasets.map(function(t,i){return{title:t.name,value:n?n(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.setValues(l,c,{name:r[s],value:""},h,s),this.tip.showTip();break}}}}},{key:"renderLegend",value:function(){}},{key:"makeOverlay",value:function(){var t=this;if(this.init)return void(this.init=0);this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=makeOverlay[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(){t.updateOverlay()})}},{key:"bindUnits",value:function(){var t=this;this.dataUnitComponents.map(function(e){e.units.map(function(e){e.addEventListener("click",function(){var i=e.getAttribute("data-point-index");t.setCurrentDataPoint(i)})})}),this.tip.container.addEventListener("click",function(){var e=t.tip.container.getAttribute("data-point-index");t.setCurrentDataPoint(e)})}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];updateOverlay[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex,e=this.state;return{index:t,label:e.xAxis.labels[t],values:e.datasets.map(function(e){return e.values[t]})}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,i){var n=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,i,n),this.data.labels.splice(n,0,t),this.data.datasets.map(function(t,e){t.values.splice(n,0,i[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;this.data.labels.length<=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))}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}},{key:"updateDatasets",value:function(t){this.data.datasets.map(function(e,i){t[i]&&(e.values=t[i])}),this.update(this.data)}}]),e}(BaseChart),chartTypes={percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e,i){return classCallCheck(this,t),getChartByType(i.type,e,i)};export{Chart,PercentageChart,PieChart,Heatmap,AxisChart};
+function __$styleInject(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}function $(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),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function fire(t,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(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 getStringWidth(t,e){return(t+"").length*e}function getPositionByAngle(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}function getBarHeightAndYAttr(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(i=t-e,n=e),[i,n]}function equilizeNoOfElements(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=fillArray(t,i):e=fillArray(e,i),[t,e]}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(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)$$1(a).appendChild(i);else if("around"===n){var r=$$1(a);r.parentNode.insertBefore(i,r),i.appendChild(r)}else"styles"===n?"object"===(void 0===a?"undefined":_typeof(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 renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,i,n){return createSVG("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function makeSVGContainer(t,e,i,n){return createSVG("svg",{className:e,inside:t,width:i,height:n})}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 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 makeArcPathStr(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=i.x+t.x,s=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+r+" "+s+"\n\t\tA "+n+" "+n+" 0 0 "+(a?1:0)+"\n\t\t"+o+" "+l+" z"}function makeGradient(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=renderVerticalGradient(t,n),r=[1,.6,.2];return i&&(r=[.4,.2,0]),setGradientStop(a,"0%",e,r[0]),setGradientStop(a,"50%",e,r[1]),setGradientStop(a,"100%",e,r[2]),n}function makeHeatSquare(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(r).map(function(t){s[t]=r[t]}),createSVG("rect",s)}function makeText(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:FONT_SIZE;return createSVG("text",{className:t,x:e,y:i,dy:a/2+"px","font-size":a+"px",innerHTML:n})}function makeVertLine(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),s=createSVG("text",{x:0,y:i>n?i+LABEL_MARGIN:i-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(r),o.appendChild(s),o}function makeHoriLine(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=BASE_LINE_COLOR),a.lineType||(a.lineType="");var r=createSVG("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),s=createSVG("text",{x:i<n?i-LABEL_MARGIN:i+LABEL_MARGIN,y:0,dy:FONT_SIZE/2-2+"px","font-size":FONT_SIZE+"px","text-anchor":i<n?"end":"start",innerHTML:e+""}),o=createSVG("g",{transform:"translate(0, "+t+")","stroke-opacity":1});return 0!==s&&"0"!==s||(o.style.stroke="rgba(27, 31, 35, 0.6)"),o.appendChild(r),o.appendChild(s),o}function yLine(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=BASE_LINE_COLOR),n.className||(n.className="");var a=-1*AXIS_TICK_LENGTH,r="span"===n.mode?i+AXIS_TICK_LENGTH:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+AXIS_TICK_LENGTH,r=i),a+=n.offset,r+=n.offset,makeHoriLine(t,e,a,r,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function xLine(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=BASE_LINE_COLOR),n.className||(n.className="");var a=i+AXIS_TICK_LENGTH,r="span"===n.mode?-1*AXIS_TICK_LENGTH:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,a,r,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function yMarker(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=createSVG("text",{className:"chart-label",x:i-getStringWidth(e,5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),r=makeHoriLine(t,"",0,i,{stroke:n.stroke||BASE_LINE_COLOR,className:n.className||"",lineType:n.lineType});return r.appendChild(a),r}function yRegion(t,e,i,n){var a=t-e,r=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),s=createSVG("text",{className:"chart-label",x:i-getStringWidth(n+"",4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:n+""}),o=createSVG("g",{transform:"translate(0, "+e+")"});return o.appendChild(r),o.appendChild(s),o}function datasetBar(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=getBarHeightAndYAttr(e,o.zeroLine),c=slicedToArray(l,2),h=c[0],u=c[1],d=createSVG("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":r,x:t,y:u-=s,width:i,height:h||o.minHeight});if((a+="")||a.length){d.setAttribute("y",0),d.setAttribute("x",0);var p=createSVG("text",{className:"data-point-value",x:i/2,y:0,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:a}),f=createSVG("g",{"data-point-index":r,transform:"translate("+t+", "+u+")"});return f.appendChild(d),f.appendChild(p),f}return d}function datasetDot(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=createSVG("circle",{style:"fill: "+n,"data-point-index":r,cx:t,cy:e,r:i});if((a+="")||a.length){s.setAttribute("cy",0),s.setAttribute("cx",0);var o=createSVG("text",{className:"data-point-value",x:0,y:0,dy:FONT_SIZE/2*-1-i+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:a}),l=createSVG("g",{"data-point-index":r,transform:"translate("+t+", "+e+")"});return l.appendChild(s),l.appendChild(o),l}return s}function getPaths(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.map(function(e,i){return t[i]+","+e}).join("L"),s=makePath("M"+r,"line-graph-path",i);if(n.heatline){var o=makeGradient(a.svgDefs,i);s.style.stroke="url(#"+o+")"}var l={path:s};if(n.regionFill){var c=makeGradient(a.svgDefs,i,!0),h="M"+t[0]+","+a.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=makePath(h,"region-fill","none","url(#"+c+")")}return l}function limitColor(t){return t>255?255:t<0?0:t}function lightenDarkenColor(t,e){var i=getColor(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),r=limitColor((a>>16)+e),s=limitColor((a>>8&255)+e),o=limitColor((255&a)+e);return(n?"#":"")+(o|s<<8|r<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function translate(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,STD_EASING,"translate",{transform:a}]}function translateVertLine(t,e,i){return translate(t,[i,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,i){return translate(t,[0,i],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,i,n){var a=e-i,r=t.childNodes[0];return[[r,{height:a,"stroke-dasharray":r.getAttribute("width")+", "+a},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,n],[0,i],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(i,(arguments.length>5&&void 0!==arguments[5]?arguments[5]:{}).zeroLine),s=slicedToArray(r,2),o=s[0],l=s[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},UNIT_ANIM_DUR,STD_EASING],translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],MARKER_LINE_ANIM_DUR)]:[[t,{width:n,height:o,x:e,y:l},UNIT_ANIM_DUR,STD_EASING]]}function animateDot(t,e,i){return"circle"!==t.nodeName?[translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],MARKER_LINE_ANIM_DUR)]:[[t,{cx:e,cy:i},UNIT_ANIM_DUR,STD_EASING]]}function animatePath(t,e,i,n){var a=[],r=i.map(function(t,i){return e[i]+","+t}).join("L"),s=[t.path,{d:"M"+r},PATH_ANIM_DUR,STD_EASING];if(a.push(s),t.region){var o=e[0]+","+n+"L",l="L"+e.slice(-1)[0]+", "+n,c=[t.region,{d:"M"+o+r+l},PATH_ANIM_DUR,STD_EASING];a.push(c)}return a}function animatePathStr(t,e){return[t,{d:e},UNIT_ANIM_DUR,STD_EASING]}function animateSVGElement(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,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var c=void 0;c="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var h=r[l]||t.getAttribute(l),u=e[l],d={attributeName:l,from:h,to:u,begin:"0s",dur:i/1e3+"s",values:h+";"+u,keySplines:EASING[n],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(d.type=a);for(var p in d)c.setAttribute(p,d[p]);s.appendChild(c),a?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[s,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 i=[],n=[];e.map(function(t){var e=t[0],a=e.parentNode,r=void 0,s=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);r=l[0],s=l[1],i.push(s),n.push([r,a]),a.replaceChild(r,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 runSMILAnimation(t,e,i){if(0!==i.length){var n=animateSVG(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}function getComponent(t,e,i){var n=Object.keys(componentConfigs).filter(function(e){return t.includes(e)}),a=componentConfigs[n[0]];return Object.assign(a,{constants:e,getData:i}),new ChartComponent(a)}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getDdMmYyyy(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,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 getMonthName(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=MONTH_NAMES[t];return e?i.slice(0,3):i}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 i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),n=Math.floor(e),a=i-n,r=a,s=1;a>5&&(a%2!=0&&(a=++i-n),r=a/2,s=2),a<=2&&(s=a/(r=4)),0===a&&(r=5,s=1);for(var o=[],l=0;l<=r;l++)o.push(n+s*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=normalize(t),n=slicedToArray(i,2),a=n[0],r=n[1],s=e?e/Math.pow(10,r):0,o=getChartRangeIntervals(a=a.toFixed(6),s);return o=o.map(function(t){return t*Math.pow(10,r)})}function calcChartIntervals(t){function e(t,e){for(var i=getChartIntervals(t),n=i[1]-i[0],a=0,r=1;a<e;r++)a+=n,i.unshift(-1*a);return i}var i=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,toConsumableArray(t)),a=Math.min.apply(Math,toConsumableArray(t)),r=[];if(n>=0&&a>=0)normalize(n)[1],r=i?getChartIntervals(n,a):getChartIntervals(n);else if(n>0&&a<0){var s=Math.abs(a);n>=s?(normalize(n)[1],r=e(n,s)):(normalize(s)[1],r=e(s,n).map(function(t){return-1*t}))}else if(n<=0&&a<=0){var o=Math.abs(a),l=Math.abs(n);normalize(o)[1],r=(r=i?getChartIntervals(o,l):getChartIntervals(o)).reverse().map(function(t){return-1*t})}return r}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 getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function scale(t,e){return floatTwo(e.zeroLine-t*e.scaleMultiplier)}function calcDistribution(t,e){for(var i=Math.max.apply(Math,toConsumableArray(t)),n=1/(e-1),a=[],r=0;r<e;r++){var s=i*(n*r);a.push(s)}return a}function getMaxCheckpoint(t,e){return e.filter(function(e){return e<t}).length}function dataPrep(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){if(t.values){var n=t.values;n=(n=n.map(function(t){return isNaN(t)?0:t})).length>i?n.slice(0,i):fillArray(n,i-n.length,0)}else t.values=a;t.chartType||(AXIS_DATASET_CHART_TYPES.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end<t.start){var e=[t.end,t.start];t.start=e[0],t.end=e[1]}}),t}function zeroDataPrep(t){var e=t.labels.length,i=new Array(e).fill(0),n={labels:t.labels.slice(0,-1),datasets:t.datasets.map(function(t){return{name:"",values:i.slice(0,-1),chartType:t.chartType}})};return t.yMarkers&&(n.yMarkers=[{value:0,label:""}]),t.yRegions&&(n.yRegions=[{start:0,end:0,label:""}]),n}function getShortenedLabels(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t/e.length/DEFAULT_CHAR_WIDTH;return e.map(function(t,e){return(t+="").length>n&&(i?e%Math.ceil(t.length/n)!=0&&(t=""):t=n-3>0?t.slice(0,n-3)+" ...":t.slice(0,n)+".."),t})}function getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new AxisChart(e,i)):"bar"===t?(i.type="bar",new AxisChart(e,i)):"axis-mixed"===t?(i.type="line",new AxisChart(e,i)):chartTypes[t]?new chartTypes[t](e,i):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{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px}.chart-container .graph-stats-container:after,.chart-container .graph-stats-container:before{content:"";display:block}.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{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}',{});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 i(t,e){return new Promise(function(i,a){var o={key:t,arg:e,resolve:i,reject:a,next:null};s?s=s.next=o:(r=s=o,n(t,e))})}function n(i,r){try{var s=e[i](r),o=s.value;o instanceof t?Promise.resolve(o.value).then(function(t){n("next",t)},function(t){n("throw",t)}):a(s.done?"return":"normal",s.value)}catch(t){a("throw",t)}}function a(t,e){switch(t){case"return":r.resolve({value:e,done:!0});break;case"throw":r.reject(e);break;default:r.resolve({value:e,done:!1})}(r=r.next)?n(r.key,r.arg):s=null}var r,s;this._invoke=i,"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 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}}(),get=function t(e,i,n){null===e&&(e=Function.prototype);var a=Object.getOwnPropertyDescriptor(e,i);if(void 0===a){var r=Object.getPrototypeOf(e);return null===r?void 0:t(r,i,n)}if("value"in a)return a.value;var s=a.get;if(void 0!==s)return s.call(n)},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 i=[],n=!0,a=!1,r=void 0;try{for(var s,o=t[Symbol.iterator]();!(n=(s=o.next()).done)&&(i.push(s.value),!e||i.length!==e);n=!0);}catch(t){a=!0,r=t}finally{try{!n&&o.return&&o.return()}finally{if(a)throw r}}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")}}(),toConsumableArray=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)};$.create=function(t,e){var i=document.createElement(t);for(var n in e){var a=e[n];if("inside"===n)$(a).appendChild(i);else if("around"===n){var r=$(a);r.parentNode.insertBefore(i,r),i.appendChild(r)}else"styles"===n?"object"===(void 0===a?"undefined":_typeof(a))&&Object.keys(a).map(function(t){i.style[t]=a[t]}):n in i?i[n]=a:i.setAttribute(n,a)}return i};var SvgTip=function(){function t(e){var i=e.parent,n=void 0===i?null:i,a=e.colors,r=void 0===a?[]:a;classCallCheck(this,t),this.parent=n,this.colors=r,this.titleName="",this.titleValue="",this.listValues=[],this.titleValueFirst=0,this.x=0,this.y=0,this.top=0,this.left=0,this.setup()}return createClass(t,[{key:"setup",value:function(){this.makeTooltip()}},{key:"refresh",value:function(){this.fill(),this.calcPosition()}},{key:"makeTooltip",value:function(){var t=this;this.container=$.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.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hideTip()})}},{key:"fill",value:function(){var t=this,e=void 0;this.index&&this.container.setAttribute("data-point-index",this.index),e=this.titleValueFirst?"<strong>"+this.titleValue+"</strong>"+this.titleName:this.titleName+"<strong>"+this.titleValue+"</strong>",this.title.innerHTML=e,this.dataPointList.innerHTML="",this.listValues.map(function(e,i){var n=t.colors[i]||"black",a=$.create("li",{styles:{"border-top":"3px solid "+n},innerHTML:'<strong style="display: block;">'+(0===e.value||e.value?e.value:"")+"</strong>\n\t\t\t\t\t"+(e.title?e.title:"")});t.dataPointList.appendChild(a)})}},{key:"calcPosition",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:"setValues",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]:-1;this.titleName=i.name,this.titleValue=i.value,this.listValues=n,this.x=t,this.y=e,this.titleValueFirst=i.valueFirst||0,this.index=a,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),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"],percentage:["bar","line","scatter","pie"],heatmap:[]},DATA_COLOR_DIVISIONS={bar:"datasets",line:"datasets",pie:"labels",percentage:"labels",heatmap:HEATMAP_DISTRIBUTION_SIZE},BASE_CHART_TOP_MARGIN=10,BASE_CHART_LEFT_MARGIN=20,BASE_CHART_RIGHT_MARGIN=20,Y_AXIS_LEFT_MARGIN=60,Y_AXIS_RIGHT_MARGIN=40,INIT_CHART_UPDATE_TIMEOUT=700,CHART_POST_ANIMATE_TIMEOUT=400,DEFAULT_AXIS_CHART_TYPE="line",AXIS_DATASET_CHART_TYPES=["line","bar"],BAR_CHART_SPACE_RATIO=.5,MIN_BAR_PERCENT_HEIGHT=.01,LINE_CHART_DOT_SIZE=4,DOT_OVERLAY_SIZE_INCR=4,DEFAULT_CHAR_WIDTH=7,ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,HEATMAP_DISTRIBUTION_SIZE=5,HEATMAP_SQUARE_SIZE=10,HEATMAP_GUTTER_SIZE=2,HEATMAP_COLORS=["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],DEFAULT_CHART_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],DEFAULT_COLORS={bar:DEFAULT_CHART_COLORS,line:DEFAULT_CHART_COLORS,pie:DEFAULT_CHART_COLORS,percentage:DEFAULT_CHART_COLORS,heatmap:HEATMAP_COLORS},AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",makeOverlay={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r"),a=t.getAttribute("fill");return i.setAttribute("r",parseInt(n)+DOT_OVERLAY_SIZE_INCR),i.setAttribute("fill",a),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i},heat_square:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r"),a=t.getAttribute("fill");return i.setAttribute("r",parseInt(n)+DOT_OVERLAY_SIZE_INCR),i.setAttribute("fill",a),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i}},updateOverlay={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},heat_square:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},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"},getColor=function(t){return PRESET_COLOR_MAP[t]||t},UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",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,i){if(classCallCheck(this,t),this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.rawChartArgs=i,this.title=i.title||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=this.validateColors(i.colors,this.type),this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.initTimeout=INIT_CHART_UPDATE_TIMEOUT,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return createClass(t,[{key:"configure",value:function(){var t=this;this.setMargins(),window.addEventListener("resize",function(){return t.draw(!0)}),window.addEventListener("orientationchange",function(){return t.draw(!0)})}},{key:"validateColors",value:function(t,e){var i=[];return(t=(t||[]).concat(DEFAULT_COLORS[e])).forEach(function(t){var e=getColor(t);isValidColor(e)?i.push(e):console.warn('"'+t+'" is not a valid color.')}),i}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-70,this.topMargin=BASE_CHART_TOP_MARGIN,this.leftMargin=BASE_CHART_LEFT_MARGIN,this.rightMargin=BASE_CHART_RIGHT_MARGIN}},{key:"setup",value:function(){this.makeContainer(),this.makeTooltip(),this.draw(!1,!0)}},{key:"setupComponents",value:function(){this.components=new Map}},{key:"makeContainer",value:function(){this.parent.innerHTML="",this.container=$.create("div",{inside:this.parent,className:"chart-container"})}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.container,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],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.updateWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},this.initTimeout)),e||this.renderLegend(),this.setupNavigation(i)}},{key:"updateWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{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(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(runSMILAnimation(this.container,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},CHART_POST_ANIMATE_TIMEOUT)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.container.removeChild(this.svg);var t=0,e=0;this.title.length&&(t=30),this.showLegend&&(e=30),this.svg=makeSVGContainer(this.container,"frappe-chart chart",this.baseWidth,this.baseHeight+t+e),this.svgDefs=makeSVGDefs(this.svg),this.title.length&&(this.titleEL=makeText("title",this.leftMargin-AXIS_TICK_LENGTH,this.topMargin,this.title,11),this.svg.appendChild(this.titleEL));var i=this.topMargin+t;this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+i+")"),i=this.baseHeight+t,this.legendArea=makeSVGGroup(this.svg,"chart-legend","translate("+this.leftMargin+", "+i+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){isElementInViewport(t.container)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"addDataPoint",value:function(){}},{key:"removeDataPoint",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(){}},{key:"updateDataset",value:function(){}},{key:"getDifferentChart",value:function(t){var e=this.type,i=this.rawChartArgs;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 n=DATA_COLOR_DIVISIONS[e]===DATA_COLOR_DIVISIONS[t];return i.type=t,i.colors=n?i.colors:void 0,new Chart(this.parent,i)}}},{key:"unbindWindowEvents",value:function(){var t=this;window.removeEventListener("resize",function(){return t.draw(!0)}),window.removeEventListener("orientationchange",function(){return t.draw(!0)})}}]),t}(),AggregationChart=function(t){function e(t,i){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i))}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.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var n=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}),a=n;if(n.length>i){n.sort(function(t,e){return e[0]-t[0]}),a=n.slice(0,i-1);var r=0;n.slice(i-1).map(function(t){r+=t[0]}),a.push([r,"Rest"]),this.colors[i-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"renderLegend",value:function(){}}]),e}(BaseChart),PercentageChart=function(t){function e(t,i){classCallCheck(this,e);var n=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return n.type="percentage",n.setup(),n}return inherits(e,t),createClass(e,[{key:"makeChartArea",value:function(){this.container.className+=" graph-focus-margin",this.container.style.marginTop="45px",this.svg=$.create("div",{className:"div",inside:this.container}),this.chart=$.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=$.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this,e=this.state;this.grandTotal=e.sliceTotals.reduce(function(t,e){return t+e},0),e.slices=[],e.sliceTotals.map(function(i,n){var a=$.create("div",{className:"progress-bar","data-index":n,inside:t.percentageBar,styles:{background:t.colors[n],width:100*i/t.grandTotal+"%"}});e.slices.push(a)})}},{key:"bindTooltip",value:function(){var t=this,e=this.state;this.container.addEventListener("mousemove",function(i){var n=i.target;if(n.classList.contains("progress-bar")){var a=n.getAttribute("data-index"),r=getOffset(t.container),s=getOffset(n),o=s.left-r.left+n.offsetWidth/2,l=s.top-r.top-6,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[a]:t.state.labels[a])+": ",h=(100*e.sliceTotals[a]/t.grandTotal).toFixed(1);t.tip.setValues(o,l,{name:c,value:h+"%"}),t.tip.showTip()}})}}]),e}(AggregationChart),ChartComponent=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,r=void 0===a?"":a,s=e.constants,o=e.getData,l=e.makeElements,c=e.animateElements;classCallCheck(this,t),this.layerTransform=r,this.constants=s,this.makeElements=l,this.getData=o,this.animateElements=c,this.store=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,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.render(this.data),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=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),componentConfigs={pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var n=makePath(e,"pie-path","none",t.colors[i]);return n.style.transition="transform .3s;",n})},animateElements:function(t){return this.store.map(function(e,i){return animatePathStr(e,t.sliceStrings[i])})}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return yLine(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,r=equilizeNoOfElements(n,e),s=slicedToArray(r,2);n=s[0],e=s[1];var o=equilizeNoOfElements(a,i),l=slicedToArray(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return translateHoriLine(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return xLine(i,t.calcLabels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,n=this.oldData.positions,a=this.oldData.calcLabels,r=equilizeNoOfElements(n,e),s=slicedToArray(r,2);n=s[0],e=s[1];var o=equilizeNoOfElements(a,i),l=slicedToArray(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return translateVertLine(t,e[i],n[i])})}},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),i=slicedToArray(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}),r=this.oldData.map(function(t){return t.position});return this.render(r.map(function(t,e){return{position:r[e],label:a[e]}})),this.store.map(function(t,e){return translateHoriLine(t,n[e],r[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.startPos,t.endPos,e.constants.width,t.label)})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.endPos}),a=t.map(function(t){return t.label}),r=t.map(function(t){return t.startPos}),s=this.oldData.map(function(t){return t.endPos}),o=this.oldData.map(function(t){return t.startPos});this.render(s.map(function(t,e){return{startPos:o[e],endPos:s[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,r[e],n[e],s[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,n){return datasetBar(t.xPositions[n],i,t.barWidth,e.color,t.labels[n],n,t.offsets[n],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.offsets,a=t.labels,r=this.oldData.xPositions,s=this.oldData.yPositions,o=this.oldData.offsets,l=this.oldData.labels,c=equilizeNoOfElements(r,e),h=slicedToArray(c,2);r=h[0],e=h[1];var u=equilizeNoOfElements(s,i),d=slicedToArray(u,2);s=d[0],i=d[1];var p=equilizeNoOfElements(o,n),f=slicedToArray(p,2);o=f[0],n=f[1];var v=equilizeNoOfElements(l,a),g=slicedToArray(v,2);l=g[0],a=g[1],this.render({xPositions:r,yPositions:s,offsets:o,labels:a,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var y=[];return this.store.map(function(a,r){y=y.concat(animateBar(a,e[r],i[r],t.barWidth,n[r],{zeroLine:t.zeroLine}))}),y}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=getPaths(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return datasetDot(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,r=this.oldData.yPositions,s=this.oldData.values,o=equilizeNoOfElements(a,e),l=slicedToArray(o,2);a=l[0],e=l[1];var c=equilizeNoOfElements(r,i),h=slicedToArray(c,2);r=h[0],i=h[1];var u=equilizeNoOfElements(s,n),d=slicedToArray(u,2);s=d[0],n=d[1],this.render({xPositions:a,yPositions:r,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var p=[];return Object.keys(this.paths).length&&(p=p.concat(animatePath(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){p=p.concat(animateDot(t,e[n],i[n]))}),p}}},PieChart=function(t){function e(t,i){classCallCheck(this,e);var n=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return n.type="pie",n.initTimeout=0,n.setup(),n}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.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1}},{key:"prepareFirstData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;return this.init=1,t}},{key:"calc",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this);var t=this.state;this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y,t.grandTotal=t.sliceTotals.reduce(function(t,e){return t+e},0),this.calcSlices()}},{key:"calcSlices",value:function(){var t=this,e=this.state,i=this.radius,n=this.clockWise,a=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var r=180-this.config.startAngle;e.sliceTotals.map(function(s,o){var l=r,c=s/e.grandTotal*FULL_ANGLE,h=n?-c:c,u=r+=h,d=getPositionByAngle(l,i),p=getPositionByAngle(u,i),f=t.init&&a[o],v=void 0,g=void 0;t.init?(v=f?f.startPosition:d,g=f?f.endPosition:d):(v=d,g=p);var y=makeArcPathStr(v,g,t.center,t.radius,t.clockWise);e.sliceStrings.push(y),e.slicesProperties.push({startPosition:d,endPosition:p,value:s,total:e.grandTotal,startAngle:l,endAngle:u,angle:h})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["pieSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=getComponent.apply(void 0,toConsumableArray(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,e,i,n){if(t){var a=this.colors[e];if(i){transform(t,this.calTranslateByAngle(this.state.slicesProperties[e])),t.style.fill=lightenDarkenColor(a,50);var r=getOffset(this.svg),s=n.pageX-r.left+10,o=n.pageY-r.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.state.labels[e])+": ",c=(100*this.state.sliceTotals[e]/this.state.grandTotal).toFixed(1);this.tip.setValues(s,o,{name:l,value:c+"%"}),this.tip.showTip()}else transform(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=a}}},{key:"bindTooltip",value:function(){this.container.addEventListener("mousemove",this.mouseMove),this.container.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("pieSlices").store,n=this.curActiveSliceIndex,a=this.curActiveSlice;if(i.includes(e)){var r=i.indexOf(e);this.hoverSlice(a,n,!1),this.curActiveSlice=e,this.curActiveSliceIndex=r,this.hoverSlice(e,r,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),e}(AggregationChart),NO_OF_YEAR_MONTHS=12,NO_OF_DAYS_IN_WEEK=7,NO_OF_MILLIS=1e3,MONTH_NAMES=["January","February","March","April","May","June","July","August","September","October","November","December"],COL_SIZE=HEATMAP_SQUARE_SIZE+HEATMAP_GUTTER_SIZE,Heatmap=function(t){function e(t,i){classCallCheck(this,e);var n=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return n.type="heatmap",n.dataPoints=i.data.dataPoints||{},n.discreteDomains=0===i.discreteDomains?0:1,n.countLabel=i.countLabel||"",n.setup(),n}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.start=t.data.start,this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.firstWeekStart=new Date(this.start.toDateString()),this.lastWeekStart=new Date(this.today.toDateString()),this.firstWeekStart.getDay()!==NO_OF_DAYS_IN_WEEK&&addDays(this.firstWeekStart,-1*this.firstWeekStart.getDay()),this.lastWeekStart.getDay()!==NO_OF_DAYS_IN_WEEK&&addDays(this.lastWeekStart,-1*this.lastWeekStart.getDay()),this.no_of_cols=getWeeksBetween(this.firstWeekStart+"",this.lastWeekStart+"")+1}},{key:"updateWidth",value:function(){this.baseWidth=(this.no_of_cols+99)*COL_SIZE,this.discreteDomains&&(this.baseWidth+=COL_SIZE*NO_OF_YEAR_MONTHS)}},{key:"makeChartArea",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=makeSVGGroup(this.drawArea,"domain-label-group chart-label"),this.dataGroups=makeSVGGroup(this.drawArea,"data-groups","translate(0, 20)")}},{key:"calc",value:function(){this.distribution=calcDistribution(Object.values(this.dataPoints),HEATMAP_DISTRIBUTION_SIZE)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.draw()}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.firstWeekStart);this.weekCol=0,this.currentMonth=e.getMonth(),this.months=[this.currentMonth+""],this.monthWeeks={},this.monthStartPoints=[],this.monthWeeks[this.currentMonth]=0;for(var i=0;i<t;i++){var n=void 0,a=0,r=new Date(e),s=this.getWeekSquaresGroup(r,this.weekCol),o=slicedToArray(s,2);n=o[0],a=o[1],this.dataGroups.appendChild(n),this.weekCol+=1+parseInt(this.discreteDomains&&a),this.monthWeeks[this.currentMonth]++,a&&(this.currentMonth=(this.currentMonth+1)%NO_OF_YEAR_MONTHS,this.months.push(this.currentMonth+""),this.monthWeeks[this.currentMonth]=1),addDays(e,NO_OF_DAYS_IN_WEEK)}this.renderMonthLabels()}},{key:"getWeekSquaresGroup",value:function(t,e){for(var i=this.today.getTime(),n=0,a=0,r=makeSVGGroup(this.dataGroups,"data-group"),s=0,o=0;o<NO_OF_DAYS_IN_WEEK;o+=1,s+=COL_SIZE){var l=0,c=0,h=t.getTime()/NO_OF_MILLIS,u=Math.floor(h-h%86400).toFixed(1);this.dataPoints[u]&&(l=this.dataPoints[u]),this.dataPoints[Math.round(u)]&&(l=this.dataPoints[Math.round(u)]),l&&(c=getMaxCheckpoint(l,this.distribution));var d=(e+a)*COL_SIZE,p={"data-date":getDdMmYyyy(t),"data-value":l,"data-day":t.getDay()},f=makeHeatSquare("day",d,s,HEATMAP_SQUARE_SIZE,this.colors[c],p);r.appendChild(f);var v=new Date(t);if(addDays(v,1),v.getTime()>i)break;v.getMonth()-t.getMonth()&&(n=1,this.discreteDomains&&(a=1),this.monthStartPoints.push((e+a)*COL_SIZE)),t=v}return[r,n]}},{key:"renderMonthLabels",value:function(){var t=this;this.months.shift(),this.monthStartPoints.shift(),this.months.pop(),this.monthStartPoints.pop(),this.monthStartPoints.map(function(e,i){var n=getMonthName(t.months[i],!0),a=makeText("y-value-text",e+COL_SIZE,HEATMAP_SQUARE_SIZE,n);t.domainLabelGroup.appendChild(a)})}},{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=getMonthName(parseInt(n[1])-1,!0),r=t.container.getBoundingClientRect(),s=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=s.left-r.left+(o+2)/2,c=s.top-r.top-(o+2)/2,h=i+" "+t.countLabel,u=" on "+a+" "+n[0]+", "+n[2];t.tip.setValues(l,c,{name:u,value:h,valueFirst:1},[]),t.tip.showTip()})})}},{key:"update",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(BaseChart),AxisChart=function(t){function e(t,i){classCallCheck(this,e);var n=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return n.barOptions=i.barOptions||{},n.lineOptions=i.lineOptions||{},n.type=i.type||"line",n.init=1,n.setup(),n}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||0,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=Y_AXIS_LEFT_MARGIN,this.rightMargin=Y_AXIS_RIGHT_MARGIN}},{key:"prepareData",value:function(){return dataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return zeroDataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=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 floatTwo(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/getValueRange(e),n=getIntervalSize(e)*i,a=this.height-getZeroIndex(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return scale(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e){e.yPositions.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=scale(e.value,t.yAxis),e})),this.data.yRegions&&(this.state.yRegions=this.data.yRegions.map(function(e){return e.startPos=scale(e.start,t.yAxis),e.endPos=scale(e.end,t.yAxis),e}))}},{key:"getAllYValues",value:function(){var t,e=this,i="values";if(this.barOptions.stacked){i="cumulativeYs";var n=new Array(this.state.datasetLength).fill(0);this.data.datasets.map(function(t,a){var r=e.data.datasets[a].values;t[i]=n=n.map(function(t,e){return t+r[e]})})}var a=this.data.datasets.map(function(t){return t[i]});return this.data.yMarkers&&a.push(this.data.yMarkers.map(function(t){return t.value})),this.data.yRegions&&this.data.yRegions.map(function(t){a.push([t.end,t.start])}),(t=[]).concat.apply(t,toConsumableArray(a))}},{key:"setupComponents",value:function(){var t=this,e=[["yAxis",{mode:this.config.yAxisMode,width:this.width},function(){return this.state.yAxis}.bind(this)],["xAxis",{mode:this.config.xAxisMode,height:this.height},function(){var t=this.state;return t.xAxis.calcLabels=getShortenedLabels(this.width,t.xAxis.labels,this.config.xIsSeries),t.xAxis}.bind(this)],["yRegions",{width:this.width,pos:"right"},function(){return this.state.yRegions}.bind(this)]],i=this.state.datasets.filter(function(t){return"bar"===t.chartType}),n=this.state.datasets.filter(function(t){return"line"===t.chartType}),a=i.map(function(e){var n=e.index;return["barGraph-"+e.index,{index:n,color:t.colors[n],stacked:t.barOptions.stacked,valuesOverPoints:t.config.valuesOverPoints,minHeight:t.height*MIN_BAR_PERCENT_HEIGHT},function(){var t=this.state,e=t.datasets[n],a=this.barOptions.stacked,r=this.barOptions.spaceRatio||BAR_CHART_SPACE_RATIO,s=t.unitWidth*(1-r),o=s/(a?1:i.length),l=t.xAxis.positions.map(function(t){return t-s/2});a||(l=l.map(function(t){return t+o*n}));var c=new Array(t.datasetLength).fill("");this.config.valuesOverPoints&&(c=a&&e.index===t.datasets.length-1?e.cumulativeYs:e.values);var h=new Array(t.datasetLength).fill(0);return a&&(h=e.yPositions.map(function(t,i){return t-e.cumulativeYPos[i]})),{xPositions:l,yPositions:e.yPositions,offsets:h,labels:c,zeroLine:t.yAxis.zeroLine,barsWidth:s,barWidth:o}}.bind(t)]}),r=n.map(function(e){var i=e.index;return["lineGraph-"+e.index,{index:i,color:t.colors[i],svgDefs:t.svgDefs,heatline:t.lineOptions.heatline,regionFill:t.lineOptions.regionFill,hideDots:t.lineOptions.hideDots,hideLine:t.lineOptions.hideLine,valuesOverPoints:t.config.valuesOverPoints},function(){var t=this.state,e=t.datasets[i];return{xPositions:t.xAxis.positions,yPositions:e.yPositions,values:e.values,zeroLine:t.yAxis.zeroLine,radius:this.lineOptions.dotSize||LINE_CHART_DOT_SIZE}}.bind(t)]}),s=[["yMarkers",{width:this.width,pos:"right"},function(){return this.state.yMarkers}.bind(this)]];e=e.concat(a,r,s);var o=["yMarkers","yRegions"];this.dataUnitComponents=[],this.components=new Map(e.filter(function(e){return!o.includes(e[0])||t.state[e[0]]}).map(function(e){var i=getComponent.apply(void 0,toConsumableArray(e));return(e[0].includes("lineGraph")||e[0].includes("barGraph"))&&t.dataUnitComponents.push(i),[e[0],i]}))}},{key:"bindTooltip",value:function(){var t=this;this.container.addEventListener("mousemove",function(e){var i=getOffset(t.container),n=e.pageX-i.left-t.leftMargin;e.pageY-i.top-t.topMargin<t.height+2*t.topMargin?t.mapTooltipXPosition(n):t.tip.hideTip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this,i=this.state;if(i.yExtremes){var n=this.config.formatTooltipY,a=this.config.formatTooltipX,r=i.xAxis.labels;a&&a(r[0])&&(r=r.map(function(t){return a(t)})),n=n&&n(i.yAxis.labels[0])?n:0;for(var s=i.datasetLength-1;s>=0;s--){var o=i.xAxis.positions[s];if(t>o-i.unitWidth/2){var l=o+this.leftMargin,c=i.yExtremes[s]+this.topMargin,h=this.data.datasets.map(function(t,i){return{title:t.name,value:n?n(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.setValues(l,c,{name:r[s],value:""},h,s),this.tip.showTip();break}}}}},{key:"renderLegend",value:function(){}},{key:"makeOverlay",value:function(){var t=this;if(this.init)return void(this.init=0);this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=makeOverlay[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(){t.updateOverlay()})}},{key:"bindUnits",value:function(){var t=this;this.dataUnitComponents.map(function(e){e.units.map(function(e){e.addEventListener("click",function(){var i=e.getAttribute("data-point-index");t.setCurrentDataPoint(i)})})}),this.tip.container.addEventListener("click",function(){var e=t.tip.container.getAttribute("data-point-index");t.setCurrentDataPoint(e)})}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];updateOverlay[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex,e=this.state;return{index:t,label:e.xAxis.labels[t],values:e.datasets.map(function(e){return e.values[t]})}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,i){var n=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,i,n),this.data.labels.splice(n,0,t),this.data.datasets.map(function(t,e){t.values.splice(n,0,i[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;this.data.labels.length<=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))}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}},{key:"updateDatasets",value:function(t){this.data.datasets.map(function(e,i){t[i]&&(e.values=t[i])}),this.update(this.data)}}]),e}(BaseChart),chartTypes={percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e,i){return classCallCheck(this,t),getChartByType(i.type,e,i)};export{Chart,PercentageChart,PieChart,Heatmap,AxisChart};
diff --git a/dist/frappe-charts.min.iife.js b/dist/frappe-charts.min.iife.js
index e0d4fdf..37bf38b 100644
--- a/dist/frappe-charts.min.iife.js
+++ b/dist/frappe-charts.min.iife.js
@@ -1,2 +1,2 @@
-var frappe=function(t){"use strict";function e(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function i(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,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function r(t){return parseFloat(t.toFixed(2))}function o(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 l(t,e){return(t+"").length*e}function h(t,e){return{x:Math.sin(t*Dt)*e,y:Math.cos(t*Dt)*e}}function c(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(i=t-e,n=e),[i,n]}function u(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=o(t,i):e=o(e,i),[t,e]}function d(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function p(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)d(a).appendChild(i);else if("around"===n){var s=d(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":vt(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 f(t,e){return p("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function v(t,e,i,n){return p("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function g(t,e,i,n){return p("svg",{className:e,inside:t,width:i,height:n})}function y(t){return p("defs",{inside:t})}function m(t,e){return p("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function b(t){return p("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 x(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=i.x+t.x,r=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+s+" "+r+"\n\t\tA "+n+" "+n+" 0 0 "+(a?1:0)+"\n\t\t"+o+" "+l+" z"}function k(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=f(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),v(a,"0%",e,s[0]),v(a,"50%",e,s[1]),v(a,"100%",e,s[2]),n}function w(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(s).map(function(t){r[t]=s[t]}),p("rect",r)}function A(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:jt;return p("text",{className:t,x:e,y:i,dy:a/2+"px","font-size":a+"px",innerHTML:n})}function P(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=zt);var s=p("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=p("text",{x:0,y:i>n?i+Wt:i-Wt-jt,dy:jt+"px","font-size":jt+"px","text-anchor":"middle",innerHTML:e+""}),o=p("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function M(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=zt),a.lineType||(a.lineType="");var s=p("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=p("text",{x:i<n?i-Wt:i+Wt,y:0,dy:jt/2-2+"px","font-size":jt+"px","text-anchor":i<n?"end":"start",innerHTML:e+""}),o=p("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 L(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=zt),n.className||(n.className="");var a=-1*Et,s="span"===n.mode?i+Et:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Et,s=i),a+=n.offset,s+=n.offset,M(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function T(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=zt),n.className||(n.className="");var a=i+Et,s="span"===n.mode?-1*Et:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Et,s=0),P(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function O(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=p("text",{className:"chart-label",x:i-l(e,5)-Wt,y:0,dy:jt/-2+"px","font-size":jt+"px","text-anchor":"start",innerHTML:e+""}),s=M(t,"",0,i,{stroke:n.stroke||zt,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function C(t,e,i,n){var a=t-e,s=p("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:zt,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=p("text",{className:"chart-label",x:i-l(n+"",4.5)-Wt,y:0,dy:jt/-2+"px","font-size":jt+"px","text-anchor":"start",innerHTML:n+""}),o=p("g",{transform:"translate(0, "+e+")"});return o.appendChild(s),o.appendChild(r),o}function D(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=c(e,o.zeroLine),h=kt(l,2),u=h[0],d=h[1],f=p("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":s,x:t,y:d-=r,width:i,height:u||o.minHeight});if((a+="")||a.length){f.setAttribute("y",0),f.setAttribute("x",0);var v=p("text",{className:"data-point-value",x:i/2,y:0,dy:jt/2*-1+"px","font-size":jt+"px","text-anchor":"middle",innerHTML:a}),g=p("g",{"data-point-index":s,transform:"translate("+t+", "+d+")"});return g.appendChild(f),g.appendChild(v),g}return f}function N(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=p("circle",{style:"fill: "+n,"data-point-index":s,cx:t,cy:e,r:i});if((a+="")||a.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var o=p("text",{className:"data-point-value",x:0,y:0,dy:jt/2*-1-i+"px","font-size":jt+"px","text-anchor":"middle",innerHTML:a}),l=p("g",{"data-point-index":s,transform:"translate("+t+", "+e+")"});return l.appendChild(r),l.appendChild(o),l}return r}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]:{},s=e.map(function(e,i){return t[i]+","+e}).join("L"),r=b("M"+s,"line-graph-path",i);if(n.heatline){var o=k(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var h=k(a.svgDefs,i,!0),c="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=b(c,"region-fill","none","url(#"+h+")")}return l}function S(t){return t>255?255:t<0?0:t}function E(t,e){var i=It(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=S((a>>16)+e),r=S((a>>8&255)+e),o=S((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 j(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,Ut,"translate",{transform:a}]}function z(t,e,i){return j(t,[i,0],[e,0],Vt)}function F(t,e,i){return j(t,[0,i],[0,e],Vt)}function R(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},Vt,Ut],j(t,[0,n],[0,i],Vt)]}function H(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=c(i,(arguments.length>5&&void 0!==arguments[5]?arguments[5]:{}).zeroLine),r=kt(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},Gt,Ut],j(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],Vt)]:[[t,{width:n,height:o,x:e,y:l},Gt,Ut]]}function I(t,e,i){return"circle"!==t.nodeName?[j(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],Vt)]:[[t,{cx:e,cy:i},Gt,Ut]]}function G(t,e,i,n){var a=[],s=i.map(function(t,i){return e[i]+","+t}).join("L"),r=[t.path,{d:"M"+s},Yt,Ut];if(a.push(r),t.region){var o=e[0]+","+n+"L",l="L"+e.slice(-1)[0]+", "+n,h=[t.region,{d:"M"+o+s+l},Yt,Ut];a.push(h)}return a}function Y(t,e){return[t,{d:e},Gt,Ut]}function V(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],d={attributeName:l,from:c,to:u,begin:"0s",dur:i/1e3+"s",values:c+";"+u,keySplines:qt[n],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(d.type=a);for(var p in d)h.setAttribute(p,d[p]);r.appendChild(h),a?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[r,o]}function B(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function U(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=V.apply(void 0,wt(t)),l=kt(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 q(t,e,i){if(0!==i.length){var n=U(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},Bt)}}function X(t,e,i){var n=Object.keys(Qt).filter(function(e){return t.includes(e)}),a=Qt[n[0]];return Object.assign(a,{constants:e,getData:i}),new $t(a)}function J(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function K(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function $(t,e){return Math.ceil(Q(t,e)/7)}function Q(t,e){return(J(e)-J(t))/864e5}function Z(t,e){t.setDate(t.getDate()+e)}function tt(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=te[t];return e?i.slice(0,3):i}function et(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 it(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 nt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=et(t),n=kt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=it(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function at(t){function e(t,e){for(var i=nt(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,wt(t)),a=Math.min.apply(Math,wt(t)),s=[];if(n>=0&&a>=0)et(n)[1],s=i?nt(n,a):nt(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(et(n)[1],s=e(n,r)):(et(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);et(o)[1],s=(s=i?nt(o,l):nt(o)).reverse().map(function(t){return-1*t})}return s}function st(t){var e=rt(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 rt(t){return t[1]-t[0]}function ot(t){return t[t.length-1]-t[0]}function lt(t,e){return r(e.zeroLine-t*e.scaleMultiplier)}function ht(t,e){for(var i=Math.max.apply(Math,wt(t)),n=1/(e-1),a=[],s=0;s<e;s++){var r=i*(n*s);a.push(r)}return a}function ct(t,e){return e.filter(function(e){return e<t}).length}function ut(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){if(t.values){var n=t.values;n=(n=n.map(function(t){return isNaN(t)?0:t})).length>i?n.slice(0,i):o(n,i-n.length,0)}else t.values=a;t.chartType||(Ot.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end<t.start){var e=[t.end,t.start];t.start=e[0],t.end=e[1]}}),t}function dt(t){var e=t.labels.length,i=new Array(e).fill(0),n={labels:t.labels.slice(0,-1),datasets:t.datasets.map(function(t){return{name:"",values:i.slice(0,-1),chartType:t.chartType}})};return t.yMarkers&&(n.yMarkers=[{value:0,label:""}]),t.yRegions&&(n.yRegions=[{start:0,end:0,label:""}]),n}function pt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t/e.length/Ct;return e.map(function(t,e){return(t+="").length>n&&(i?e%Math.ceil(t.length/n)!=0&&(t=""):t=n-3>0?t.slice(0,n-3)+" ...":t.slice(0,n)+".."),t})}function ft(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new ie(e,i)):"bar"===t?(i.type="bar",new ie(e,i)):"axis-mixed"===t?(i.type="line",new ie(e,i)):ne[t]?new ne[t](e,i):void console.error("Undefined chart type: "+t)}!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.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{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px}.chart-container .graph-stats-container:after,.chart-container .graph-stats-container:before{content:"";display:block}.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{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}',{});var vt="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},gt=(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")}),yt=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}}(),mt=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)},bt=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)},xt=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},kt=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")}}(),wt=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)};e.create=function(t,i){var n=document.createElement(t);for(var a in i){var s=i[a];if("inside"===a)e(s).appendChild(n);else if("around"===a){var r=e(s);r.parentNode.insertBefore(n,r),n.appendChild(r)}else"styles"===a?"object"===(void 0===s?"undefined":vt(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 At=function(){function t(e){var i=e.parent,n=void 0===i?null:i,a=e.colors,s=void 0===a?[]:a;gt(this,t),this.parent=n,this.colors=s,this.titleName="",this.titleValue="",this.listValues=[],this.titleValueFirst=0,this.x=0,this.y=0,this.top=0,this.left=0,this.setup()}return yt(t,[{key:"setup",value:function(){this.makeTooltip()}},{key:"refresh",value:function(){this.fill(),this.calcPosition()}},{key:"makeTooltip",value:function(){var t=this;this.container=e.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.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hideTip()})}},{key:"fill",value:function(){var t=this,i=void 0;this.index&&this.container.setAttribute("data-point-index",this.index),i=this.titleValueFirst?"<strong>"+this.titleValue+"</strong>"+this.titleName:this.titleName+"<strong>"+this.titleValue+"</strong>",this.title.innerHTML=i,this.dataPointList.innerHTML="",this.listValues.map(function(i,n){var a=t.colors[n]||"black",s=e.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:"")});t.dataPointList.appendChild(s)})}},{key:"calcPosition",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:"setValues",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]:-1;this.titleName=i.name,this.titleValue=i.value,this.listValues=n,this.x=t,this.y=e,this.titleValueFirst=i.valueFirst||0,this.index=a,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),Pt=["line","scatter","bar","percentage","heatmap","pie"],Mt={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],percentage:["bar","line","scatter","pie"],heatmap:[]},Lt={bar:"datasets",line:"datasets",pie:"labels",percentage:"labels",heatmap:Nt},Tt=700,Ot=["line","bar"],Ct=7,Dt=Math.PI/180,Nt=5,_t=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],St={bar:_t,line:_t,pie:_t,percentage:_t,heatmap:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"]},Et=6,Wt=4,jt=10,zt="#dadada",Ft={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r"),a=t.getAttribute("fill");return i.setAttribute("r",parseInt(n)+4),i.setAttribute("fill",a),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i},heat_square:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r"),a=t.getAttribute("fill");return i.setAttribute("r",parseInt(n)+4),i.setAttribute("fill",a),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i}},Rt={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},heat_square:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},Ht={"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"},It=function(t){return Ht[t]||t},Gt=350,Yt=350,Vt=Gt,Bt=250,Ut="easein",qt={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"},Xt=function(){function t(e,i){if(gt(this,t),this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.rawChartArgs=i,this.title=i.title||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=this.validateColors(i.colors,this.type),this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.initTimeout=Tt,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return yt(t,[{key:"configure",value:function(){var t=this;this.setMargins(),window.addEventListener("resize",function(){return t.draw(!0)}),window.addEventListener("orientationchange",function(){return t.draw(!0)})}},{key:"validateColors",value:function(t,e){var i=[];return(t=(t||[]).concat(St[e])).forEach(function(t){var e=It(t);W(e)?i.push(e):console.warn('"'+t+'" is not a valid color.')}),i}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-70,this.topMargin=30,this.leftMargin=20,this.rightMargin=20}},{key:"setup",value:function(){this.makeContainer(),this.makeTooltip(),this.draw(!1,!0)}},{key:"setupComponents",value:function(){this.components=new Map}},{key:"makeContainer",value:function(){this.parent.innerHTML="",this.container=e.create("div",{inside:this.parent,className:"chart-container"})}},{key:"makeTooltip",value:function(){this.tip=new At({parent:this.container,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],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},this.initTimeout)),e||this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=a(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{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(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(q(this.container,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.container.removeChild(this.svg);var t=0,e=0;this.title.length&&(t=30),this.showLegend&&(e=30),this.svg=g(this.container,"frappe-chart chart",this.baseWidth,this.baseHeight+t+e),this.svgDefs=y(this.svg),this.title.length&&(this.titleEL=A("title",this.leftMargin-Et,this.topMargin,this.title,11),this.svg.appendChild(this.titleEL));var i=this.topMargin+t;this.drawArea=m(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+i+")"),i=this.baseHeight+t,this.legendArea=m(this.svg,"chart-legend","translate("+this.leftMargin+", "+i+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){n(t.container)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"addDataPoint",value:function(){}},{key:"removeDataPoint",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(){}},{key:"updateDataset",value:function(){}},{key:"getDifferentChart",value:function(t){var e=this.type,i=this.rawChartArgs;if(t!==e){Pt.includes(t)||console.error("'"+t+"' is not a valid chart type."),Mt[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=Lt[e]===Lt[t];return i.type=t,i.colors=n?i.colors:void 0,new ae(this.parent,i)}}},{key:"unbindWindowEvents",value:function(){var t=this;window.removeEventListener("resize",function(){return t.draw(!0)}),window.removeEventListener("orientationchange",function(){return t.draw(!0)})}}]),t}(),Jt=function(t){function e(t,i){return gt(this,e),xt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i))}return bt(e,t),yt(e,[{key:"configure",value:function(t){mt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var n=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}),a=n;if(n.length>i){n.sort(function(t,e){return e[0]-t[0]}),a=n.slice(0,i-1);var s=0;n.slice(i-1).map(function(t){s+=t[0]}),a.push([s,"Rest"]),this.colors[i-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"renderLegend",value:function(){}}]),e}(Xt),Kt=function(t){function n(t,e){gt(this,n);var i=xt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.type="percentage",i.setup(),i}return bt(n,t),yt(n,[{key:"makeChartArea",value:function(){this.container.className+=" graph-focus-margin",this.container.style.marginTop="45px",this.svg=e.create("div",{className:"div",inside:this.container}),this.chart=e.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=e.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this,i=this.state;this.grandTotal=i.sliceTotals.reduce(function(t,e){return t+e},0),i.slices=[],i.sliceTotals.map(function(n,a){var s=e.create("div",{className:"progress-bar","data-index":a,inside:t.percentageBar,styles:{background:t.colors[a],width:100*n/t.grandTotal+"%"}});i.slices.push(s)})}},{key:"bindTooltip",value:function(){var t=this,e=this.state;this.container.addEventListener("mousemove",function(n){var a=n.target;if(a.classList.contains("progress-bar")){var s=a.getAttribute("data-index"),r=i(t.container),o=i(a),l=o.left-r.left+a.offsetWidth/2,h=o.top-r.top-6,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[s]:t.state.labels[s])+": ",u=(100*e.sliceTotals[s]/t.grandTotal).toFixed(1);t.tip.setValues(l,h,{name:c,value:u+"%"}),t.tip.showTip()}})}}]),n}(Jt),$t=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.animateElements;gt(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=h,this.store=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return yt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=m(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),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=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),Qt={pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var n=b(e,"pie-path","none",t.colors[i]);return n.style.transition="transform .3s;",n})},animateElements:function(t){return this.store.map(function(e,i){return Y(e,t.sliceStrings[i])})}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return L(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=u(n,e),r=kt(s,2);n=r[0],e=r[1];var o=u(a,i),l=kt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return F(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return T(i,t.calcLabels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,n=this.oldData.positions,a=this.oldData.calcLabels,s=u(n,e),r=kt(s,2);n=r[0],e=r[1];var o=u(a,i),l=kt(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return z(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return O(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=u(this.oldData,t),i=kt(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});return this.render(s.map(function(t,e){return{position:s[e],label:a[e]}})),this.store.map(function(t,e){return F(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return C(t.startPos,t.endPos,e.constants.width,t.label)})},animateElements:function(t){var e=u(this.oldData,t),i=kt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.endPos}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.startPos}),r=this.oldData.map(function(t){return t.endPos}),o=this.oldData.map(function(t){return t.startPos});this.render(r.map(function(t,e){return{startPos:o[e],endPos:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(R(t,s[e],n[e],r[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,n){return D(t.xPositions[n],i,t.barWidth,e.color,t.labels[n],n,t.offsets[n],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.offsets,a=t.labels,s=this.oldData.xPositions,r=this.oldData.yPositions,o=this.oldData.offsets,l=this.oldData.labels,h=u(s,e),c=kt(h,2);s=c[0],e=c[1];var d=u(r,i),p=kt(d,2);r=p[0],i=p[1];var f=u(o,n),v=kt(f,2);o=v[0],n=v[1];var g=u(l,a),y=kt(g,2);l=y[0],a=y[1],this.render({xPositions:s,yPositions:r,offsets:o,labels:a,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var m=[];return this.store.map(function(a,s){m=m.concat(H(a,e[s],i[s],t.barWidth,n[s],{zeroLine:t.zeroLine}))}),m}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=_(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return N(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=u(a,e),l=kt(o,2);a=l[0],e=l[1];var h=u(s,i),c=kt(h,2);s=c[0],i=c[1];var d=u(r,n),p=kt(d,2);r=p[0],n=p[1],this.render({xPositions:a,yPositions:s,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var f=[];return Object.keys(this.paths).length&&(f=f.concat(G(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){f=f.concat(I(t,e[n],i[n]))}),f}}},Zt=function(t){function e(t,i){gt(this,e);var n=xt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return n.type="pie",n.initTimeout=0,n.setup(),n}return bt(e,t),yt(e,[{key:"configure",value:function(t){mt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1}},{key:"prepareFirstData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;return this.init=1,t}},{key:"calc",value:function(){mt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this);var t=this.state;this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y,t.grandTotal=t.sliceTotals.reduce(function(t,e){return t+e},0),this.calcSlices()}},{key:"calcSlices",value:function(){var t=this,e=this.state,i=this.radius,n=this.clockWise,a=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var s=180-this.config.startAngle;e.sliceTotals.map(function(r,o){var l=s,c=r/e.grandTotal*360,u=n?-c:c,d=s+=u,p=h(l,i),f=h(d,i),v=t.init&&a[o],g=void 0,y=void 0;t.init?(g=v?v.startPosition:p,y=v?v.endPosition:p):(g=p,y=f);var m=x(g,y,t.center,t.radius,t.clockWise);e.sliceStrings.push(m),e.slicesProperties.push({startPosition:p,endPosition:f,value:r,total:e.grandTotal,startAngle:l,endAngle:d,angle:u})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["pieSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=X.apply(void 0,wt(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=h(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,e,n,a){if(t){var s=this.colors[e];if(n){B(t,this.calTranslateByAngle(this.state.slicesProperties[e])),t.style.fill=E(s,50);var r=i(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[e]:this.state.labels[e])+": ",c=(100*this.state.sliceTotals[e]/this.state.grandTotal).toFixed(1);this.tip.setValues(o,l,{name:h,value:c+"%"}),this.tip.showTip()}else B(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=s}}},{key:"bindTooltip",value:function(){this.container.addEventListener("mousemove",this.mouseMove),this.container.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("pieSlices").store,n=this.curActiveSliceIndex,a=this.curActiveSlice;if(i.includes(e)){var s=i.indexOf(e);this.hoverSlice(a,n,!1),this.curActiveSlice=e,this.curActiveSliceIndex=s,this.hoverSlice(e,s,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),e}(Jt),te=["January","February","March","April","May","June","July","August","September","October","November","December"],ee=function(t){function e(t,i){gt(this,e);var n=xt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return n.type="heatmap",n.dataPoints=i.data.dataPoints||{},n.discreteDomains=0===i.discreteDomains?0:1,n.countLabel=i.countLabel||"",n.setup(),n}return bt(e,t),yt(e,[{key:"configure",value:function(t){mt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.start=t.data.start,this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.firstWeekStart=new Date(this.start.toDateString()),this.lastWeekStart=new Date(this.today.toDateString()),7!==this.firstWeekStart.getDay()&&Z(this.firstWeekStart,-1*this.firstWeekStart.getDay()),7!==this.lastWeekStart.getDay()&&Z(this.lastWeekStart,-1*this.lastWeekStart.getDay()),this.no_of_cols=$(this.firstWeekStart+"",this.lastWeekStart+"")+1}},{key:"setMargins",value:function(){mt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this)}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+99),this.discreteDomains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){mt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=m(this.drawArea,"domain-label-group chart-label"),this.dataGroups=m(this.drawArea,"data-groups","translate(0, 20)")}},{key:"calc",value:function(){var t=this,e=Object.keys(this.dataPoints).map(function(e){return t.dataPoints[e]});this.distribution=ht(e,Nt)}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.firstWeekStart);this.weekCol=0,this.currentMonth=e.getMonth(),this.months=[this.currentMonth+""],this.monthWeeks={},this.monthStartPoints=[],this.monthWeeks[this.currentMonth]=0;for(var i=0;i<t;i++){var n=void 0,a=0,s=new Date(e),r=this.getWeekSquaresGroup(s,this.weekCol),o=kt(r,2);n=o[0],a=o[1],this.dataGroups.appendChild(n),this.weekCol+=1+parseInt(this.discreteDomains&&a),this.monthWeeks[this.currentMonth]++,a&&(this.currentMonth=(this.currentMonth+1)%12,this.months.push(this.currentMonth+""),this.monthWeeks[this.currentMonth]=1),Z(e,7)}this.renderMonthLabels()}},{key:"getWeekSquaresGroup",value:function(t,e){for(var i=this.today.getTime(),n=0,a=0,s=m(this.dataGroups,"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.dataPoints[u]&&(l=this.dataPoints[u]),this.dataPoints[Math.round(u)]&&(l=this.dataPoints[Math.round(u)]),l&&(h=ct(l,this.distribution));var d=12*(e+a),p={"data-date":K(t),"data-value":l,"data-day":t.getDay()},f=w("day",d,r,10,this.colors[h],p);s.appendChild(f);var v=new Date(t);if(Z(v,1),v.getTime()>i)break;v.getMonth()-t.getMonth()&&(n=1,this.discreteDomains&&(a=1),this.monthStartPoints.push(12*(e+a))),t=v}return[s,n]}},{key:"renderMonthLabels",value:function(){var t=this;this.months.shift(),this.monthStartPoints.shift(),this.months.pop(),this.monthStartPoints.pop(),this.monthStartPoints.map(function(e,i){var n=A("y-value-text",e+12,10,tt(t.months[i],!0));t.domainLabelGroup.appendChild(n)})}},{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=tt(parseInt(n[1])-1,!0),s=t.container.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.countLabel,u=" on "+a+" "+n[0]+", "+n[2];t.tip.setValues(l,h,{name:u,value:c,valueFirst:1},[]),t.tip.showTip()})})}},{key:"update",value:function(t){mt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(Xt),ie=function(t){function e(t,i){gt(this,e);var n=xt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return n.barOptions=i.barOptions||{},n.lineOptions=i.lineOptions||{},n.type=i.type||"line",n.init=1,n.setup(),n}return bt(e,t),yt(e,[{key:"configure",value:function(t){mt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||0,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){mt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=60,this.rightMargin=40}},{key:"prepareData",value:function(){return ut(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return dt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=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 r(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=at(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/ot(e),n=rt(e)*i,a=this.height-st(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return lt(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e){e.yPositions.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=lt(e.value,t.yAxis),e})),this.data.yRegions&&(this.state.yRegions=this.data.yRegions.map(function(e){return e.startPos=lt(e.start,t.yAxis),e.endPos=lt(e.end,t.yAxis),e}))}},{key:"getAllYValues",value:function(){var t,e=this,i="values";if(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]})})}var a=this.data.datasets.map(function(t){return t[i]});return this.data.yMarkers&&a.push(this.data.yMarkers.map(function(t){return t.value})),this.data.yRegions&&this.data.yRegions.map(function(t){a.push([t.end,t.start])}),(t=[]).concat.apply(t,wt(a))}},{key:"setupComponents",value:function(){var t=this,e=[["yAxis",{mode:this.config.yAxisMode,width:this.width},function(){return this.state.yAxis}.bind(this)],["xAxis",{mode:this.config.xAxisMode,height:this.height},function(){var t=this.state;return t.xAxis.calcLabels=pt(this.width,t.xAxis.labels,this.config.xIsSeries),t.xAxis}.bind(this)],["yRegions",{width:this.width,pos:"right"},function(){return this.state.yRegions}.bind(this)]],i=this.state.datasets.filter(function(t){return"bar"===t.chartType}),n=this.state.datasets.filter(function(t){return"line"===t.chartType}),a=i.map(function(e){var n=e.index;return["barGraph-"+e.index,{index:n,color:t.colors[n],stacked:t.barOptions.stacked,valuesOverPoints:t.config.valuesOverPoints,minHeight:.01*t.height},function(){var t=this.state,e=t.datasets[n],a=this.barOptions.stacked,s=this.barOptions.spaceRatio||.5,r=t.unitWidth*(1-s),o=r/(a?1:i.length),l=t.xAxis.positions.map(function(t){return t-r/2});a||(l=l.map(function(t){return t+o*n}));var h=new Array(t.datasetLength).fill("");this.config.valuesOverPoints&&(h=a&&e.index===t.datasets.length-1?e.cumulativeYs:e.values);var c=new Array(t.datasetLength).fill(0);return a&&(c=e.yPositions.map(function(t,i){return t-e.cumulativeYPos[i]})),{xPositions:l,yPositions:e.yPositions,offsets:c,labels:h,zeroLine:t.yAxis.zeroLine,barsWidth:r,barWidth:o}}.bind(t)]}),s=n.map(function(e){var i=e.index;return["lineGraph-"+e.index,{index:i,color:t.colors[i],svgDefs:t.svgDefs,heatline:t.lineOptions.heatline,regionFill:t.lineOptions.regionFill,hideDots:t.lineOptions.hideDots,hideLine:t.lineOptions.hideLine,valuesOverPoints:t.config.valuesOverPoints},function(){var t=this.state,e=t.datasets[i];return{xPositions:t.xAxis.positions,yPositions:e.yPositions,values:e.values,zeroLine:t.yAxis.zeroLine,radius:this.lineOptions.dotSize||4}}.bind(t)]}),r=[["yMarkers",{width:this.width,pos:"right"},function(){return this.state.yMarkers}.bind(this)]];e=e.concat(a,s,r);var o=["yMarkers","yRegions"];this.dataUnitComponents=[],this.components=new Map(e.filter(function(e){return!o.includes(e[0])||t.state[e[0]]}).map(function(e){var i=X.apply(void 0,wt(e));return(e[0].includes("lineGraph")||e[0].includes("barGraph"))&&t.dataUnitComponents.push(i),[e[0],i]}))}},{key:"bindTooltip",value:function(){var t=this;this.container.addEventListener("mousemove",function(e){var n=i(t.container),a=e.pageX-n.left-t.leftMargin;e.pageY-n.top-t.topMargin<t.height+2*t.topMargin?t.mapTooltipXPosition(a):t.tip.hideTip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this,i=this.state;if(i.yExtremes){var n=this.config.formatTooltipY,a=this.config.formatTooltipX,s=i.xAxis.labels;a&&a(s[0])&&(s=s.map(function(t){return a(t)})),n=n&&n(i.yAxis.labels[0])?n:0;for(var r=i.datasetLength-1;r>=0;r--){var o=i.xAxis.positions[r];if(t>o-i.unitWidth/2){var l=o+this.leftMargin,h=i.yExtremes[r]+this.topMargin,c=this.data.datasets.map(function(t,i){return{title:t.name,value:n?n(t.values[r]):t.values[r],color:e.colors[i]}});this.tip.setValues(l,h,{name:s[r],value:""},c,r),this.tip.showTip();break}}}}},{key:"renderLegend",value:function(){}},{key:"makeOverlay",value:function(){var t=this;if(this.init)return void(this.init=0);this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=Ft[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(){t.updateOverlay()})}},{key:"bindUnits",value:function(){var t=this;this.dataUnitComponents.map(function(e){e.units.map(function(e){e.addEventListener("click",function(){var i=e.getAttribute("data-point-index");t.setCurrentDataPoint(i)})})}),this.tip.container.addEventListener("click",function(){var e=t.tip.container.getAttribute("data-point-index");t.setCurrentDataPoint(e)})}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];Rt[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex,e=this.state;return{index:t,label:e.xAxis.labels[t],values:e.datasets.map(function(e){return e.values[t]})}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,s(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,i){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;mt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,i,n),this.data.labels.splice(n,0,t),this.data.datasets.map(function(t,e){t.values.splice(n,0,i[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;this.data.labels.length<=1||(mt(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))}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}},{key:"updateDatasets",value:function(t){this.data.datasets.map(function(e,i){t[i]&&(e.values=t[i])}),this.update(this.data)}}]),e}(Xt),ne={percentage:Kt,heatmap:ee,pie:Zt},ae=function t(e,i){return gt(this,t),ft(i.type,e,i)};return t.Chart=ae,t.PercentageChart=Kt,t.PieChart=Zt,t.Heatmap=ee,t.AxisChart=ie,t}({});
+var frappe=function(t){"use strict";function e(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function i(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,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function r(t){return parseFloat(t.toFixed(2))}function o(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 l(t,e){return(t+"").length*e}function h(t,e){return{x:Math.sin(t*Ct)*e,y:Math.cos(t*Ct)*e}}function c(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(i=t-e,n=e),[i,n]}function u(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=o(t,i):e=o(e,i),[t,e]}function d(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function p(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)d(a).appendChild(i);else if("around"===n){var s=d(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":vt(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 f(t,e){return p("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function v(t,e,i,n){return p("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function g(t,e,i,n){return p("svg",{className:e,inside:t,width:i,height:n})}function y(t){return p("defs",{inside:t})}function m(t,e){return p("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function b(t){return p("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 x(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=i.x+t.x,r=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+s+" "+r+"\n\t\tA "+n+" "+n+" 0 0 "+(a?1:0)+"\n\t\t"+o+" "+l+" z"}function k(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=f(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),v(a,"0%",e,s[0]),v(a,"50%",e,s[1]),v(a,"100%",e,s[2]),n}function w(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(s).map(function(t){r[t]=s[t]}),p("rect",r)}function A(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:jt;return p("text",{className:t,x:e,y:i,dy:a/2+"px","font-size":a+"px",innerHTML:n})}function P(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=zt);var s=p("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=p("text",{x:0,y:i>n?i+Wt:i-Wt-jt,dy:jt+"px","font-size":jt+"px","text-anchor":"middle",innerHTML:e+""}),o=p("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function M(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=zt),a.lineType||(a.lineType="");var s=p("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=p("text",{x:i<n?i-Wt:i+Wt,y:0,dy:jt/2-2+"px","font-size":jt+"px","text-anchor":i<n?"end":"start",innerHTML:e+""}),o=p("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 L(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=zt),n.className||(n.className="");var a=-1*Et,s="span"===n.mode?i+Et:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Et,s=i),a+=n.offset,s+=n.offset,M(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function T(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=zt),n.className||(n.className="");var a=i+Et,s="span"===n.mode?-1*Et:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Et,s=0),P(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function O(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=p("text",{className:"chart-label",x:i-l(e,5)-Wt,y:0,dy:jt/-2+"px","font-size":jt+"px","text-anchor":"start",innerHTML:e+""}),s=M(t,"",0,i,{stroke:n.stroke||zt,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function D(t,e,i,n){var a=t-e,s=p("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:zt,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=p("text",{className:"chart-label",x:i-l(n+"",4.5)-Wt,y:0,dy:jt/-2+"px","font-size":jt+"px","text-anchor":"start",innerHTML:n+""}),o=p("g",{transform:"translate(0, "+e+")"});return o.appendChild(s),o.appendChild(r),o}function C(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=c(e,o.zeroLine),h=kt(l,2),u=h[0],d=h[1],f=p("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":s,x:t,y:d-=r,width:i,height:u||o.minHeight});if((a+="")||a.length){f.setAttribute("y",0),f.setAttribute("x",0);var v=p("text",{className:"data-point-value",x:i/2,y:0,dy:jt/2*-1+"px","font-size":jt+"px","text-anchor":"middle",innerHTML:a}),g=p("g",{"data-point-index":s,transform:"translate("+t+", "+d+")"});return g.appendChild(f),g.appendChild(v),g}return f}function N(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=p("circle",{style:"fill: "+n,"data-point-index":s,cx:t,cy:e,r:i});if((a+="")||a.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var o=p("text",{className:"data-point-value",x:0,y:0,dy:jt/2*-1-i+"px","font-size":jt+"px","text-anchor":"middle",innerHTML:a}),l=p("g",{"data-point-index":s,transform:"translate("+t+", "+e+")"});return l.appendChild(r),l.appendChild(o),l}return r}function S(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=e.map(function(e,i){return t[i]+","+e}).join("L"),r=b("M"+s,"line-graph-path",i);if(n.heatline){var o=k(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var h=k(a.svgDefs,i,!0),c="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=b(c,"region-fill","none","url(#"+h+")")}return l}function _(t){return t>255?255:t<0?0:t}function E(t,e){var i=It(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=_((a>>16)+e),r=_((a>>8&255)+e),o=_((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 j(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,Ut,"translate",{transform:a}]}function z(t,e,i){return j(t,[i,0],[e,0],Vt)}function F(t,e,i){return j(t,[0,i],[0,e],Vt)}function R(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},Vt,Ut],j(t,[0,n],[0,i],Vt)]}function H(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=c(i,(arguments.length>5&&void 0!==arguments[5]?arguments[5]:{}).zeroLine),r=kt(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},Gt,Ut],j(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],Vt)]:[[t,{width:n,height:o,x:e,y:l},Gt,Ut]]}function I(t,e,i){return"circle"!==t.nodeName?[j(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],Vt)]:[[t,{cx:e,cy:i},Gt,Ut]]}function G(t,e,i,n){var a=[],s=i.map(function(t,i){return e[i]+","+t}).join("L"),r=[t.path,{d:"M"+s},Yt,Ut];if(a.push(r),t.region){var o=e[0]+","+n+"L",l="L"+e.slice(-1)[0]+", "+n,h=[t.region,{d:"M"+o+s+l},Yt,Ut];a.push(h)}return a}function Y(t,e){return[t,{d:e},Gt,Ut]}function V(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],d={attributeName:l,from:c,to:u,begin:"0s",dur:i/1e3+"s",values:c+";"+u,keySplines:qt[n],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(d.type=a);for(var p in d)h.setAttribute(p,d[p]);r.appendChild(h),a?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[r,o]}function B(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function U(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=V.apply(void 0,wt(t)),l=kt(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 q(t,e,i){if(0!==i.length){var n=U(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},Bt)}}function X(t,e,i){var n=Object.keys(Qt).filter(function(e){return t.includes(e)}),a=Qt[n[0]];return Object.assign(a,{constants:e,getData:i}),new $t(a)}function J(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function K(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function $(t,e){return Math.ceil(Q(t,e)/7)}function Q(t,e){return(J(e)-J(t))/864e5}function Z(t,e){t.setDate(t.getDate()+e)}function tt(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=te[t];return e?i.slice(0,3):i}function et(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 it(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 nt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=et(t),n=kt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=it(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function at(t){function e(t,e){for(var i=nt(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,wt(t)),a=Math.min.apply(Math,wt(t)),s=[];if(n>=0&&a>=0)et(n)[1],s=i?nt(n,a):nt(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(et(n)[1],s=e(n,r)):(et(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);et(o)[1],s=(s=i?nt(o,l):nt(o)).reverse().map(function(t){return-1*t})}return s}function st(t){var e=rt(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 rt(t){return t[1]-t[0]}function ot(t){return t[t.length-1]-t[0]}function lt(t,e){return r(e.zeroLine-t*e.scaleMultiplier)}function ht(t,e){for(var i=Math.max.apply(Math,wt(t)),n=1/(e-1),a=[],s=0;s<e;s++){var r=i*(n*s);a.push(r)}return a}function ct(t,e){return e.filter(function(e){return e<t}).length}function ut(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){if(t.values){var n=t.values;n=(n=n.map(function(t){return isNaN(t)?0:t})).length>i?n.slice(0,i):o(n,i-n.length,0)}else t.values=a;t.chartType||(Ot.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end<t.start){var e=[t.end,t.start];t.start=e[0],t.end=e[1]}}),t}function dt(t){var e=t.labels.length,i=new Array(e).fill(0),n={labels:t.labels.slice(0,-1),datasets:t.datasets.map(function(t){return{name:"",values:i.slice(0,-1),chartType:t.chartType}})};return t.yMarkers&&(n.yMarkers=[{value:0,label:""}]),t.yRegions&&(n.yRegions=[{start:0,end:0,label:""}]),n}function pt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t/e.length/Dt;return e.map(function(t,e){return(t+="").length>n&&(i?e%Math.ceil(t.length/n)!=0&&(t=""):t=n-3>0?t.slice(0,n-3)+" ...":t.slice(0,n)+".."),t})}function ft(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new ie(e,i)):"bar"===t?(i.type="bar",new ie(e,i)):"axis-mixed"===t?(i.type="line",new ie(e,i)):ne[t]?new ne[t](e,i):void console.error("Undefined chart type: "+t)}!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.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{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px}.chart-container .graph-stats-container:after,.chart-container .graph-stats-container:before{content:"";display:block}.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{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}',{});var vt="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},gt=(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")}),yt=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}}(),mt=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)},bt=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)},xt=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},kt=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")}}(),wt=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)};e.create=function(t,i){var n=document.createElement(t);for(var a in i){var s=i[a];if("inside"===a)e(s).appendChild(n);else if("around"===a){var r=e(s);r.parentNode.insertBefore(n,r),n.appendChild(r)}else"styles"===a?"object"===(void 0===s?"undefined":vt(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 At=function(){function t(e){var i=e.parent,n=void 0===i?null:i,a=e.colors,s=void 0===a?[]:a;gt(this,t),this.parent=n,this.colors=s,this.titleName="",this.titleValue="",this.listValues=[],this.titleValueFirst=0,this.x=0,this.y=0,this.top=0,this.left=0,this.setup()}return yt(t,[{key:"setup",value:function(){this.makeTooltip()}},{key:"refresh",value:function(){this.fill(),this.calcPosition()}},{key:"makeTooltip",value:function(){var t=this;this.container=e.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.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hideTip()})}},{key:"fill",value:function(){var t=this,i=void 0;this.index&&this.container.setAttribute("data-point-index",this.index),i=this.titleValueFirst?"<strong>"+this.titleValue+"</strong>"+this.titleName:this.titleName+"<strong>"+this.titleValue+"</strong>",this.title.innerHTML=i,this.dataPointList.innerHTML="",this.listValues.map(function(i,n){var a=t.colors[n]||"black",s=e.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:"")});t.dataPointList.appendChild(s)})}},{key:"calcPosition",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:"setValues",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]:-1;this.titleName=i.name,this.titleValue=i.value,this.listValues=n,this.x=t,this.y=e,this.titleValueFirst=i.valueFirst||0,this.index=a,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),Pt=["line","scatter","bar","percentage","heatmap","pie"],Mt={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],percentage:["bar","line","scatter","pie"],heatmap:[]},Lt={bar:"datasets",line:"datasets",pie:"labels",percentage:"labels",heatmap:Nt},Tt=700,Ot=["line","bar"],Dt=7,Ct=Math.PI/180,Nt=5,St=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],_t={bar:St,line:St,pie:St,percentage:St,heatmap:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"]},Et=6,Wt=4,jt=10,zt="#dadada",Ft={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r"),a=t.getAttribute("fill");return i.setAttribute("r",parseInt(n)+4),i.setAttribute("fill",a),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i},heat_square:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r"),a=t.getAttribute("fill");return i.setAttribute("r",parseInt(n)+4),i.setAttribute("fill",a),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i}},Rt={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},heat_square:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},Ht={"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"},It=function(t){return Ht[t]||t},Gt=350,Yt=350,Vt=Gt,Bt=250,Ut="easein",qt={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"},Xt=function(){function t(e,i){if(gt(this,t),this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.rawChartArgs=i,this.title=i.title||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=this.validateColors(i.colors,this.type),this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.initTimeout=Tt,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return yt(t,[{key:"configure",value:function(){var t=this;this.setMargins(),window.addEventListener("resize",function(){return t.draw(!0)}),window.addEventListener("orientationchange",function(){return t.draw(!0)})}},{key:"validateColors",value:function(t,e){var i=[];return(t=(t||[]).concat(_t[e])).forEach(function(t){var e=It(t);W(e)?i.push(e):console.warn('"'+t+'" is not a valid color.')}),i}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-70,this.topMargin=10,this.leftMargin=20,this.rightMargin=20}},{key:"setup",value:function(){this.makeContainer(),this.makeTooltip(),this.draw(!1,!0)}},{key:"setupComponents",value:function(){this.components=new Map}},{key:"makeContainer",value:function(){this.parent.innerHTML="",this.container=e.create("div",{inside:this.parent,className:"chart-container"})}},{key:"makeTooltip",value:function(){this.tip=new At({parent:this.container,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],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.updateWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},this.initTimeout)),e||this.renderLegend(),this.setupNavigation(i)}},{key:"updateWidth",value:function(){this.baseWidth=a(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{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(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(q(this.container,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.container.removeChild(this.svg);var t=0,e=0;this.title.length&&(t=30),this.showLegend&&(e=30),this.svg=g(this.container,"frappe-chart chart",this.baseWidth,this.baseHeight+t+e),this.svgDefs=y(this.svg),this.title.length&&(this.titleEL=A("title",this.leftMargin-Et,this.topMargin,this.title,11),this.svg.appendChild(this.titleEL));var i=this.topMargin+t;this.drawArea=m(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+i+")"),i=this.baseHeight+t,this.legendArea=m(this.svg,"chart-legend","translate("+this.leftMargin+", "+i+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){n(t.container)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"addDataPoint",value:function(){}},{key:"removeDataPoint",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(){}},{key:"updateDataset",value:function(){}},{key:"getDifferentChart",value:function(t){var e=this.type,i=this.rawChartArgs;if(t!==e){Pt.includes(t)||console.error("'"+t+"' is not a valid chart type."),Mt[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=Lt[e]===Lt[t];return i.type=t,i.colors=n?i.colors:void 0,new ae(this.parent,i)}}},{key:"unbindWindowEvents",value:function(){var t=this;window.removeEventListener("resize",function(){return t.draw(!0)}),window.removeEventListener("orientationchange",function(){return t.draw(!0)})}}]),t}(),Jt=function(t){function e(t,i){return gt(this,e),xt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i))}return bt(e,t),yt(e,[{key:"configure",value:function(t){mt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var n=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}),a=n;if(n.length>i){n.sort(function(t,e){return e[0]-t[0]}),a=n.slice(0,i-1);var s=0;n.slice(i-1).map(function(t){s+=t[0]}),a.push([s,"Rest"]),this.colors[i-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"renderLegend",value:function(){}}]),e}(Xt),Kt=function(t){function n(t,e){gt(this,n);var i=xt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.type="percentage",i.setup(),i}return bt(n,t),yt(n,[{key:"makeChartArea",value:function(){this.container.className+=" graph-focus-margin",this.container.style.marginTop="45px",this.svg=e.create("div",{className:"div",inside:this.container}),this.chart=e.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=e.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this,i=this.state;this.grandTotal=i.sliceTotals.reduce(function(t,e){return t+e},0),i.slices=[],i.sliceTotals.map(function(n,a){var s=e.create("div",{className:"progress-bar","data-index":a,inside:t.percentageBar,styles:{background:t.colors[a],width:100*n/t.grandTotal+"%"}});i.slices.push(s)})}},{key:"bindTooltip",value:function(){var t=this,e=this.state;this.container.addEventListener("mousemove",function(n){var a=n.target;if(a.classList.contains("progress-bar")){var s=a.getAttribute("data-index"),r=i(t.container),o=i(a),l=o.left-r.left+a.offsetWidth/2,h=o.top-r.top-6,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[s]:t.state.labels[s])+": ",u=(100*e.sliceTotals[s]/t.grandTotal).toFixed(1);t.tip.setValues(l,h,{name:c,value:u+"%"}),t.tip.showTip()}})}}]),n}(Jt),$t=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.animateElements;gt(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=h,this.store=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return yt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=m(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),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=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),Qt={pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var n=b(e,"pie-path","none",t.colors[i]);return n.style.transition="transform .3s;",n})},animateElements:function(t){return this.store.map(function(e,i){return Y(e,t.sliceStrings[i])})}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return L(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=u(n,e),r=kt(s,2);n=r[0],e=r[1];var o=u(a,i),l=kt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return F(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return T(i,t.calcLabels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,n=this.oldData.positions,a=this.oldData.calcLabels,s=u(n,e),r=kt(s,2);n=r[0],e=r[1];var o=u(a,i),l=kt(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return z(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return O(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=u(this.oldData,t),i=kt(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});return this.render(s.map(function(t,e){return{position:s[e],label:a[e]}})),this.store.map(function(t,e){return F(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return D(t.startPos,t.endPos,e.constants.width,t.label)})},animateElements:function(t){var e=u(this.oldData,t),i=kt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.endPos}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.startPos}),r=this.oldData.map(function(t){return t.endPos}),o=this.oldData.map(function(t){return t.startPos});this.render(r.map(function(t,e){return{startPos:o[e],endPos:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(R(t,s[e],n[e],r[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,n){return C(t.xPositions[n],i,t.barWidth,e.color,t.labels[n],n,t.offsets[n],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.offsets,a=t.labels,s=this.oldData.xPositions,r=this.oldData.yPositions,o=this.oldData.offsets,l=this.oldData.labels,h=u(s,e),c=kt(h,2);s=c[0],e=c[1];var d=u(r,i),p=kt(d,2);r=p[0],i=p[1];var f=u(o,n),v=kt(f,2);o=v[0],n=v[1];var g=u(l,a),y=kt(g,2);l=y[0],a=y[1],this.render({xPositions:s,yPositions:r,offsets:o,labels:a,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var m=[];return this.store.map(function(a,s){m=m.concat(H(a,e[s],i[s],t.barWidth,n[s],{zeroLine:t.zeroLine}))}),m}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=S(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return N(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=u(a,e),l=kt(o,2);a=l[0],e=l[1];var h=u(s,i),c=kt(h,2);s=c[0],i=c[1];var d=u(r,n),p=kt(d,2);r=p[0],n=p[1],this.render({xPositions:a,yPositions:s,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var f=[];return Object.keys(this.paths).length&&(f=f.concat(G(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){f=f.concat(I(t,e[n],i[n]))}),f}}},Zt=function(t){function e(t,i){gt(this,e);var n=xt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return n.type="pie",n.initTimeout=0,n.setup(),n}return bt(e,t),yt(e,[{key:"configure",value:function(t){mt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1}},{key:"prepareFirstData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;return this.init=1,t}},{key:"calc",value:function(){mt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this);var t=this.state;this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y,t.grandTotal=t.sliceTotals.reduce(function(t,e){return t+e},0),this.calcSlices()}},{key:"calcSlices",value:function(){var t=this,e=this.state,i=this.radius,n=this.clockWise,a=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var s=180-this.config.startAngle;e.sliceTotals.map(function(r,o){var l=s,c=r/e.grandTotal*360,u=n?-c:c,d=s+=u,p=h(l,i),f=h(d,i),v=t.init&&a[o],g=void 0,y=void 0;t.init?(g=v?v.startPosition:p,y=v?v.endPosition:p):(g=p,y=f);var m=x(g,y,t.center,t.radius,t.clockWise);e.sliceStrings.push(m),e.slicesProperties.push({startPosition:p,endPosition:f,value:r,total:e.grandTotal,startAngle:l,endAngle:d,angle:u})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["pieSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=X.apply(void 0,wt(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=h(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,e,n,a){if(t){var s=this.colors[e];if(n){B(t,this.calTranslateByAngle(this.state.slicesProperties[e])),t.style.fill=E(s,50);var r=i(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[e]:this.state.labels[e])+": ",c=(100*this.state.sliceTotals[e]/this.state.grandTotal).toFixed(1);this.tip.setValues(o,l,{name:h,value:c+"%"}),this.tip.showTip()}else B(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=s}}},{key:"bindTooltip",value:function(){this.container.addEventListener("mousemove",this.mouseMove),this.container.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("pieSlices").store,n=this.curActiveSliceIndex,a=this.curActiveSlice;if(i.includes(e)){var s=i.indexOf(e);this.hoverSlice(a,n,!1),this.curActiveSlice=e,this.curActiveSliceIndex=s,this.hoverSlice(e,s,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),e}(Jt),te=["January","February","March","April","May","June","July","August","September","October","November","December"],ee=function(t){function e(t,i){gt(this,e);var n=xt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return n.type="heatmap",n.dataPoints=i.data.dataPoints||{},n.discreteDomains=0===i.discreteDomains?0:1,n.countLabel=i.countLabel||"",n.setup(),n}return bt(e,t),yt(e,[{key:"configure",value:function(t){mt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.start=t.data.start,this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.firstWeekStart=new Date(this.start.toDateString()),this.lastWeekStart=new Date(this.today.toDateString()),7!==this.firstWeekStart.getDay()&&Z(this.firstWeekStart,-1*this.firstWeekStart.getDay()),7!==this.lastWeekStart.getDay()&&Z(this.lastWeekStart,-1*this.lastWeekStart.getDay()),this.no_of_cols=$(this.firstWeekStart+"",this.lastWeekStart+"")+1}},{key:"updateWidth",value:function(){this.baseWidth=12*(this.no_of_cols+99),this.discreteDomains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){mt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=m(this.drawArea,"domain-label-group chart-label"),this.dataGroups=m(this.drawArea,"data-groups","translate(0, 20)")}},{key:"calc",value:function(){this.distribution=ht(Object.values(this.dataPoints),Nt)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.draw()}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.firstWeekStart);this.weekCol=0,this.currentMonth=e.getMonth(),this.months=[this.currentMonth+""],this.monthWeeks={},this.monthStartPoints=[],this.monthWeeks[this.currentMonth]=0;for(var i=0;i<t;i++){var n=void 0,a=0,s=new Date(e),r=this.getWeekSquaresGroup(s,this.weekCol),o=kt(r,2);n=o[0],a=o[1],this.dataGroups.appendChild(n),this.weekCol+=1+parseInt(this.discreteDomains&&a),this.monthWeeks[this.currentMonth]++,a&&(this.currentMonth=(this.currentMonth+1)%12,this.months.push(this.currentMonth+""),this.monthWeeks[this.currentMonth]=1),Z(e,7)}this.renderMonthLabels()}},{key:"getWeekSquaresGroup",value:function(t,e){for(var i=this.today.getTime(),n=0,a=0,s=m(this.dataGroups,"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.dataPoints[u]&&(l=this.dataPoints[u]),this.dataPoints[Math.round(u)]&&(l=this.dataPoints[Math.round(u)]),l&&(h=ct(l,this.distribution));var d=12*(e+a),p={"data-date":K(t),"data-value":l,"data-day":t.getDay()},f=w("day",d,r,10,this.colors[h],p);s.appendChild(f);var v=new Date(t);if(Z(v,1),v.getTime()>i)break;v.getMonth()-t.getMonth()&&(n=1,this.discreteDomains&&(a=1),this.monthStartPoints.push(12*(e+a))),t=v}return[s,n]}},{key:"renderMonthLabels",value:function(){var t=this;this.months.shift(),this.monthStartPoints.shift(),this.months.pop(),this.monthStartPoints.pop(),this.monthStartPoints.map(function(e,i){var n=A("y-value-text",e+12,10,tt(t.months[i],!0));t.domainLabelGroup.appendChild(n)})}},{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=tt(parseInt(n[1])-1,!0),s=t.container.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.countLabel,u=" on "+a+" "+n[0]+", "+n[2];t.tip.setValues(l,h,{name:u,value:c,valueFirst:1},[]),t.tip.showTip()})})}},{key:"update",value:function(t){mt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(Xt),ie=function(t){function e(t,i){gt(this,e);var n=xt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return n.barOptions=i.barOptions||{},n.lineOptions=i.lineOptions||{},n.type=i.type||"line",n.init=1,n.setup(),n}return bt(e,t),yt(e,[{key:"configure",value:function(t){mt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||0,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){mt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=60,this.rightMargin=40}},{key:"prepareData",value:function(){return ut(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return dt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=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 r(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=at(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/ot(e),n=rt(e)*i,a=this.height-st(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return lt(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e){e.yPositions.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=lt(e.value,t.yAxis),e})),this.data.yRegions&&(this.state.yRegions=this.data.yRegions.map(function(e){return e.startPos=lt(e.start,t.yAxis),e.endPos=lt(e.end,t.yAxis),e}))}},{key:"getAllYValues",value:function(){var t,e=this,i="values";if(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]})})}var a=this.data.datasets.map(function(t){return t[i]});return this.data.yMarkers&&a.push(this.data.yMarkers.map(function(t){return t.value})),this.data.yRegions&&this.data.yRegions.map(function(t){a.push([t.end,t.start])}),(t=[]).concat.apply(t,wt(a))}},{key:"setupComponents",value:function(){var t=this,e=[["yAxis",{mode:this.config.yAxisMode,width:this.width},function(){return this.state.yAxis}.bind(this)],["xAxis",{mode:this.config.xAxisMode,height:this.height},function(){var t=this.state;return t.xAxis.calcLabels=pt(this.width,t.xAxis.labels,this.config.xIsSeries),t.xAxis}.bind(this)],["yRegions",{width:this.width,pos:"right"},function(){return this.state.yRegions}.bind(this)]],i=this.state.datasets.filter(function(t){return"bar"===t.chartType}),n=this.state.datasets.filter(function(t){return"line"===t.chartType}),a=i.map(function(e){var n=e.index;return["barGraph-"+e.index,{index:n,color:t.colors[n],stacked:t.barOptions.stacked,valuesOverPoints:t.config.valuesOverPoints,minHeight:.01*t.height},function(){var t=this.state,e=t.datasets[n],a=this.barOptions.stacked,s=this.barOptions.spaceRatio||.5,r=t.unitWidth*(1-s),o=r/(a?1:i.length),l=t.xAxis.positions.map(function(t){return t-r/2});a||(l=l.map(function(t){return t+o*n}));var h=new Array(t.datasetLength).fill("");this.config.valuesOverPoints&&(h=a&&e.index===t.datasets.length-1?e.cumulativeYs:e.values);var c=new Array(t.datasetLength).fill(0);return a&&(c=e.yPositions.map(function(t,i){return t-e.cumulativeYPos[i]})),{xPositions:l,yPositions:e.yPositions,offsets:c,labels:h,zeroLine:t.yAxis.zeroLine,barsWidth:r,barWidth:o}}.bind(t)]}),s=n.map(function(e){var i=e.index;return["lineGraph-"+e.index,{index:i,color:t.colors[i],svgDefs:t.svgDefs,heatline:t.lineOptions.heatline,regionFill:t.lineOptions.regionFill,hideDots:t.lineOptions.hideDots,hideLine:t.lineOptions.hideLine,valuesOverPoints:t.config.valuesOverPoints},function(){var t=this.state,e=t.datasets[i];return{xPositions:t.xAxis.positions,yPositions:e.yPositions,values:e.values,zeroLine:t.yAxis.zeroLine,radius:this.lineOptions.dotSize||4}}.bind(t)]}),r=[["yMarkers",{width:this.width,pos:"right"},function(){return this.state.yMarkers}.bind(this)]];e=e.concat(a,s,r);var o=["yMarkers","yRegions"];this.dataUnitComponents=[],this.components=new Map(e.filter(function(e){return!o.includes(e[0])||t.state[e[0]]}).map(function(e){var i=X.apply(void 0,wt(e));return(e[0].includes("lineGraph")||e[0].includes("barGraph"))&&t.dataUnitComponents.push(i),[e[0],i]}))}},{key:"bindTooltip",value:function(){var t=this;this.container.addEventListener("mousemove",function(e){var n=i(t.container),a=e.pageX-n.left-t.leftMargin;e.pageY-n.top-t.topMargin<t.height+2*t.topMargin?t.mapTooltipXPosition(a):t.tip.hideTip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this,i=this.state;if(i.yExtremes){var n=this.config.formatTooltipY,a=this.config.formatTooltipX,s=i.xAxis.labels;a&&a(s[0])&&(s=s.map(function(t){return a(t)})),n=n&&n(i.yAxis.labels[0])?n:0;for(var r=i.datasetLength-1;r>=0;r--){var o=i.xAxis.positions[r];if(t>o-i.unitWidth/2){var l=o+this.leftMargin,h=i.yExtremes[r]+this.topMargin,c=this.data.datasets.map(function(t,i){return{title:t.name,value:n?n(t.values[r]):t.values[r],color:e.colors[i]}});this.tip.setValues(l,h,{name:s[r],value:""},c,r),this.tip.showTip();break}}}}},{key:"renderLegend",value:function(){}},{key:"makeOverlay",value:function(){var t=this;if(this.init)return void(this.init=0);this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=Ft[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(){t.updateOverlay()})}},{key:"bindUnits",value:function(){var t=this;this.dataUnitComponents.map(function(e){e.units.map(function(e){e.addEventListener("click",function(){var i=e.getAttribute("data-point-index");t.setCurrentDataPoint(i)})})}),this.tip.container.addEventListener("click",function(){var e=t.tip.container.getAttribute("data-point-index");t.setCurrentDataPoint(e)})}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];Rt[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex,e=this.state;return{index:t,label:e.xAxis.labels[t],values:e.datasets.map(function(e){return e.values[t]})}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,s(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,i){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;mt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,i,n),this.data.labels.splice(n,0,t),this.data.datasets.map(function(t,e){t.values.splice(n,0,i[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;this.data.labels.length<=1||(mt(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))}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}},{key:"updateDatasets",value:function(t){this.data.datasets.map(function(e,i){t[i]&&(e.values=t[i])}),this.update(this.data)}}]),e}(Xt),ne={percentage:Kt,heatmap:ee,pie:Zt},ae=function t(e,i){return gt(this,t),ft(i.type,e,i)};return t.Chart=ae,t.PercentageChart=Kt,t.PieChart=Zt,t.Heatmap=ee,t.AxisChart=ie,t}({});
 //# 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 dd5d9e9..f161e76 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/draw.js","../src/js/utils/colors.js","../src/js/utils/animate.js","../src/js/utils/animation.js","../src/js/objects/ChartComponents.js","../src/js/utils/date-utils.js","../src/js/utils/intervals.js","../src/js/utils/axis-chart-utils.js","../src/js/chart.js","../src/js/objects/SvgTip.js","../src/js/utils/constants.js","../src/js/charts/BaseChart.js","../src/js/charts/AggregationChart.js","../src/js/charts/PercentageChart.js","../src/js/charts/PieChart.js","../src/js/charts/Heatmap.js","../src/js/charts/AxisChart.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","import { ANGLE_RATIO } from './constants';\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) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n\nexport function getPositionByAngle(angle, radius) {\n\treturn {\n\t\tx:Math.sin(angle * ANGLE_RATIO) * radius,\n\t\ty:Math.cos(angle * ANGLE_RATIO) * radius,\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\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\textraCount = array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extraCount > 0) {\n\t\tarray1 = fillArray(array1, extraCount);\n\t} else {\n\t\tarray2 = fillArray(array2, extraCount);\n\t}\n\treturn [array1, array2];\n}\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { DOT_OVERLAY_SIZE_INCR } from './constants';\n\nexport const AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\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 makeArcPathStr(startPosition, endPosition, center, radius, clockWise=1){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\n\n\treturn `M${center.x} ${center.y}\n\t\tL${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 0 ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY} z`;\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');\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: fill\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, fontSize = FONT_SIZE) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (fontSize / 2) + 'px',\n\t\t'font-size': fontSize + '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\t// let 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 function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height || meta.minHeight // TODO: correct y for positive min height\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\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(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t};\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'heat_square': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n};\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'heat_square': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\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\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 { 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\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\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: old}\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 function animateBar(bar, x, yTop, width, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\nexport function animatePathStr(oldPath, pathStr) {\n\treturn [oldPath, {d: pathStr}, UNIT_ANIM_DUR, STD_EASING];\n}\n\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 { makeSVGGroup } from '../utils/draw';\nimport { makePath, xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar,\n\tanimateDot, animatePath, animatePathStr } 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\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\n\t\t\t? this.layerClass() : this.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.render(this.data);\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\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tpieSlices: {\n\t\tlayerClass: 'pie-slices',\n\t\tmakeElements(data) {\n\t\t\treturn data.sliceStrings.map((s, i) =>{\n\t\t\t\tlet slice = makePath(s, 'pie-path', 'none', data.colors[i]);\n\t\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\t\treturn slice;\n\t\t\t});\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\treturn this.store.map((slice, i) =>\n\t\t\t\tanimatePathStr(slice, newData.sliceStrings[i])\n\t\t\t);\n\t\t}\n\t},\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.calcLabels[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.calcLabels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.calcLabels;\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\tcalcLabels: 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\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.startPos, region.endPos, 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.endPos);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.startPos);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.endPos);\n\t\t\tlet oldStarts = this.oldData.map(d => d.startPos);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstartPos: oldStarts[i],\n\t\t\t\t\tendPos: 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\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i],\n\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tthis.units = [];\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n};\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t});\n\treturn new ChartComponent(config);\n}\n","// Playing around with dates\n\nexport const NO_OF_YEAR_MONTHS = 12;\nexport const NO_OF_DAYS_IN_WEEK = 7;\nexport const NO_OF_MILLIS = 1000;\n\nexport const MONTH_NAMES = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\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\nexport function getMonthName(i, short=false) {\n\tlet monthName = MONTH_NAMES[i];\n\treturn short ? monthName.slice(0, 3) : monthName;\n}\n","import { floatTwo } from './helpers';\n\nfunction 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 scale(val, yAxis) {\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier);\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","import { fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } 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=> {\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 type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t};\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}","import '../scss/charts.scss';\n\n// import 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\nconst chartTypes = {\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, 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](parent, options);\n}\n\nclass Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n\nexport { Chart, PercentageChart, PieChart, Heatmap, AxisChart };","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.titleName = '';\n\t\tthis.titleValue = '';\n\t\tthis.listValues = [];\n\t\tthis.titleValueFirst = 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.makeTooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calcPosition();\n\t\t// this.showTip();\n\t}\n\n\tmakeTooltip() {\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.hideTip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.dataPointList = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hideTip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.index) {\n\t\t\tthis.container.setAttribute('data-point-index', this.index);\n\t\t}\n\t\tif(this.titleValueFirst) {\n\t\t\ttitle = `<strong>${this.titleValue}</strong>${this.titleName}`;\n\t\t} else {\n\t\t\ttitle = `${this.titleName}<strong>${this.titleValue}</strong>`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.dataPointList.innerHTML = '';\n\n\t\tthis.listValues.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.dataPointList.appendChild(li);\n\t\t});\n\t}\n\n\tcalcPosition() {\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 maxLeft = 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 > maxLeft) {\n\t\t\tlet delta = this.left - maxLeft;\n\t\t\tlet pointerOffset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointerOffset;\n\n\t\t\tthis.left = maxLeft;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tsetValues(x, y, title = {}, listValues = [], index = -1) {\n\t\tthis.titleName = title.name;\n\t\tthis.titleValue = title.value;\n\t\tthis.listValues = listValues;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.titleValueFirst = title.valueFirst || 0;\n\t\tthis.index = index;\n\t\tthis.refresh();\n\t}\n\n\thideTip() {\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\tshowTip() {\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","export const ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nexport const COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\nexport const DATA_COLOR_DIVISIONS = {\n\tbar: 'datasets',\n\tline: 'datasets',\n\tpie: 'labels',\n\tpercentage: 'labels',\n\theatmap: HEATMAP_DISTRIBUTION_SIZE\n};\n\nexport const BASE_CHART_TOP_MARGIN = 30;\nexport const BASE_CHART_LEFT_MARGIN = 20;\nexport const BASE_CHART_RIGHT_MARGIN = 20;\n\nexport const Y_AXIS_LEFT_MARGIN = 60;\nexport const Y_AXIS_RIGHT_MARGIN = 40;\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const BAR_CHART_SPACE_RATIO = 0.5;\nexport const MIN_BAR_PERCENT_HEIGHT = 0.01;\n\nexport const LINE_CHART_DOT_SIZE = 4;\nexport const DOT_OVERLAY_SIZE_INCR = 4;\n\nexport const DEFAULT_CHAR_WIDTH = 7;\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;\n\n// Fixed 5-color theme,\n// More colors are difficult to parse visually\nexport const HEATMAP_DISTRIBUTION_SIZE = 5;\n\nexport const HEATMAP_SQUARE_SIZE = 10;\nexport const HEATMAP_GUTTER_SIZE = 2;\n\nconst HEATMAP_COLORS = ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\nconst DEFAULT_CHART_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\n\nexport const DEFAULT_COLORS = {\n\tbar: DEFAULT_CHART_COLORS,\n\tline: DEFAULT_CHART_COLORS,\n\tpie: DEFAULT_CHART_COLORS,\n\tpercentage: DEFAULT_CHART_COLORS,\n\theatmap: HEATMAP_COLORS\n};","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup, makeText, AXIS_TICK_LENGTH } from '../utils/draw';\nimport { BASE_CHART_TOP_MARGIN, BASE_CHART_LEFT_MARGIN,\n\tBASE_CHART_RIGHT_MARGIN, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT, DEFAULT_COLORS,\n\tALL_CHART_TYPES, COMPATIBLE_CHARTS, DATA_COLOR_DIVISIONS} from '../utils/constants';\nimport { getColor, isValidColor } from '../utils/colors';\nimport { runSMILAnimation } from '../utils/animation';\nimport { Chart } from '../chart';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\n\t\tthis.parent = typeof parent === 'string'\n\t\t\t? document.querySelector(parent)\n\t\t\t: parent;\n\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.title = options.title || '';\n\t\tthis.argHeight = options.height || 240;\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\n\t\tthis.colors = this.validateColors(options.colors, this.type);\n\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: options.showLegend || 1,\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1\n\t\t};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tthis.initTimeout = INIT_CHART_UPDATE_TIMEOUT;\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure() {\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.draw(true));\n\t\twindow.addEventListener('orientationchange', () => this.draw(true));\n\t}\n\n\tvalidateColors(colors, type) {\n\t\tconst validColors = [];\n\t\tcolors = (colors || []).concat(DEFAULT_COLORS[type]);\n\t\tcolors.forEach((string) => {\n\t\t\tconst color = getColor(string);\n\t\t\tif(!isValidColor(color)) {\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t} else {\n\t\t\t\tvalidColors.push(color);\n\t\t\t}\n\t\t});\n\t\treturn validColors;\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - 70;\n\t\tthis.topMargin = BASE_CHART_TOP_MARGIN;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = BASE_CHART_LEFT_MARGIN;\n\t\tthis.rightMargin = BASE_CHART_RIGHT_MARGIN;\n\t}\n\n\tsetup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tsetupComponents() {\n\t\tthis.components = new Map();\n\t}\n\n\tmakeContainer() {\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'chart-container'\n\t\t});\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.container,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.calcWidth();\n\t\tthis.calc(onlyWidthChange);\n\t\tthis.makeChartArea();\n\t\tthis.setupComponents();\n\n\t\tthis.components.forEach(c => c.setup(this.drawArea));\n\t\t// this.components.forEach(c => c.make());\n\t\tthis.render(this.components, false);\n\n\t\tif(init) {\n\t\t\tthis.data = this.realData;\n\t\t\tsetTimeout(() => {this.update();}, this.initTimeout);\n\t\t}\n\n\t\tif(!onlyWidthChange) {\n\t\t\tthis.renderLegend();\n\t\t}\n\n\t\tthis.setupNavigation(init);\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\n\t\tthis.width = this.baseWidth - (this.leftMargin + this.rightMargin);\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(data=this.data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tcalc() {} // builds state\n\n\trender(components=this.components, animate=true) {\n\t\tif(this.config.isNavigable) {\n\t\t\t// Remove all existing overlays\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\n\t\t\t// ref.parentNode.insertBefore(element, ref);\n\t\t}\n\t\tlet elementsToAnimate = [];\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tcomponents.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.container, this.svg, elementsToAnimate);\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomponents.forEach(c => c.make());\n\t\t\t\tthis.updateNav();\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\n\t\t} else {\n\t\t\tcomponents.forEach(c => c.make());\n\t\t\tthis.updateNav();\n\t\t}\n\t}\n\n\tupdateNav() {\n\t\tif(this.config.isNavigable) {\n\t\t\t// if(!this.overlayGuides){\n\t\t\tthis.makeOverlay();\n\t\t\tthis.bindUnits();\n\t\t\t// } else {\n\t\t\t// \tthis.updateOverlay();\n\t\t\t// }\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.container.removeChild(this.svg);\n\t\t}\n\n\t\tlet titleAreaHeight = 0;\n\t\tlet legendAreaHeight = 0;\n\t\tif(this.title.length) {\n\t\t\ttitleAreaHeight = 30;\n\t\t}\n\t\tif(this.showLegend) {\n\t\t\tlegendAreaHeight = 30;\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.container,\n\t\t\t'frappe-chart chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight + titleAreaHeight + legendAreaHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\tif(this.title.length) {\n\t\t\tthis.titleEL = makeText(\n\t\t\t\t'title',\n\t\t\t\tthis.leftMargin - AXIS_TICK_LENGTH,\n\t\t\t\tthis.topMargin,\n\t\t\t\tthis.title,\n\t\t\t\t11\n\t\t\t);\n\t\t\tthis.svg.appendChild(this.titleEL);\n\t\t}\n\n\t\tlet top = this.topMargin + titleAreaHeight;\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${top})`\n\t\t);\n\n\t\ttop = this.baseHeight + titleAreaHeight;\n\t\tthis.legendArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\t'chart-legend',\n\t\t\t`translate(${this.leftMargin}, ${top})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.container)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\taddDataPoint() {}\n\tremoveDataPoint() {}\n\n\tgetDataPoint() {}\n\tsetCurrentDataPoint() {}\n\n\tupdateDataset() {}\n\n\tgetDifferentChart(type) {\n\t\tconst currentType = this.type;\n\t\tlet args = this.rawChartArgs;\n\t\tif(type === currentType) return;\n\n\t\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t\t}\n\n\t\tif(!COMPATIBLE_CHARTS[currentType].includes(type)) {\n\t\t\tconsole.error(`'${currentType}' chart cannot be converted to a '${type}' chart.`);\n\t\t}\n\n\t\t// whether the new chart can use the existing colors\n\t\tconst useColor = DATA_COLOR_DIVISIONS[currentType] === DATA_COLOR_DIVISIONS[type];\n\n\t\t// Okay, this is anticlimactic\n\t\t// this function will need to actually be 'changeChartType(type)'\n\t\t// that will update only the required elements, but for now ...\n\n\t\targs.type = type;\n\t\targs.colors = useColor ? args.colors : undefined;\n\n\t\treturn new Chart(this.parent, args);\n\t}\n\n\tunbindWindowEvents(){\n\t\twindow.removeEventListener('resize', () => this.draw(true));\n\t\twindow.removeEventListener('orientationchange', () => this.draw(true));\n\t}\n}\n","import BaseChart from './BaseChart';\n\nexport default class AggregationChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\tthis.config.maxSlices = args.maxSlices || 20;\n\t\tthis.config.maxLegendPoints = args.maxLegendPoints || 20;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\t\tlet maxSlices = this.config.maxSlices;\n\t\ts.sliceTotals = [];\n\n\t\tlet allTotals = this.data.labels.map((label, 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, label];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = allTotals;\n\t\tif(allTotals.length > maxSlices) {\n\t\t\t// Prune and keep a grey area for rest as per maxSlices\n\t\t\tallTotals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = allTotals.slice(0, maxSlices-1);\n\t\t\tlet remaining = allTotals.slice(maxSlices-1);\n\n\t\t\tlet sumOfRemaining = 0;\n\t\t\tremaining.map(d => {sumOfRemaining += d[0];});\n\t\t\ttotals.push([sumOfRemaining, 'Rest']);\n\t\t\tthis.colors[maxSlices-1] = 'grey';\n\t\t}\n\n\t\ts.labels = [];\n\t\ttotals.map(d => {\n\t\t\ts.sliceTotals.push(d[0]);\n\t\t\ts.labels.push(d[1]);\n\t\t});\n\t}\n\n\trenderLegend() {\n\t\t// let s = this.state;\n\n\t\t// this.statsWrapper.textContent = '';\n\n\t\t// this.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\t// let xValues = s.labels;\n\t\t// this.legendTotals.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\">${xValues[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 AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'percentage';\n\n\t\tthis.setup();\n\t}\n\n\tmakeChartArea() {\n\t\tthis.container.className += ' ' + 'graph-focus-margin';\n\t\tthis.container.style.marginTop = '45px';\n\n\t\t// this.statsWrapper.className += ' ' + 'graph-focus-margin';\n\t\t// this.statsWrapper.style.marginBottom = '30px';\n\t\t// this.statsWrapper.style.paddingTop = '0px';\n\n\t\tthis.svg = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.container\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.svg\n\t\t});\n\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\trender() {\n\t\tlet s = this.state;\n\t\tthis.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\t\ts.slices = [];\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\t'data-index': i,\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.grandTotal + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\ts.slices.push(slice);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tlet slice = e.target;\n\t\t\tif(slice.classList.contains('progress-bar')) {\n\n\t\t\t\tlet i = slice.getAttribute('data-index');\n\t\t\t\tlet gOff = getOffset(this.container), pOff = getOffset(slice);\n\n\t\t\t\tlet x = pOff.left - gOff.left + slice.offsetWidth/2;\n\t\t\t\tlet y = pOff.top - gOff.top - 6;\n\t\t\t\tlet title = (this.formattedLabels && this.formattedLabels.length>0\n\t\t\t\t\t? this.formattedLabels[i] : this.state.labels[i]) + ': ';\n\t\t\t\tlet percent = (s.sliceTotals[i]*100/this.grandTotal).toFixed(1);\n\n\t\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\t\tthis.tip.showTip();\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makeArcPathStr } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { transform } from '../utils/animation';\nimport { FULL_ANGLE } from '../utils/constants';\n\nexport default class PieChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'pie';\n\t\tthis.initTimeout = 0;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.config.startAngle = args.startAngle || 0;\n\n\t\tthis.clockWise = args.clockWise || false;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\tthis.init = 1;\n\t\treturn data;\n\t}\n\n\tcalc() {\n\t\tsuper.calc();\n\t\tlet s = this.state;\n\n\t\tthis.center = {\n\t\t\tx: this.width / 2,\n\t\t\ty: this.height / 2\n\t\t};\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\n\n\t\ts.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\n\t\tthis.calcSlices();\n\t}\n\n\tcalcSlices() {\n\t\tlet s = this.state;\n\t\tconst { radius, clockWise } = this;\n\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\n\t\ts.sliceStrings = [];\n\t\ts.slicesProperties = [];\n\t\tlet curAngle = 180 - this.config.startAngle;\n\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\n\n\t\t\tlet curStart,curEnd;\n\t\t\tif(this.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 = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);\n\n\t\t\ts.sliceStrings.push(curPath);\n\t\t\ts.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: s.grandTotal,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\n\t\t});\n\t\tthis.init = 0;\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'pieSlices',\n\t\t\t\t{ },\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\n\t\t\t\t\t\tcolors: this.colors\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\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.state.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.state.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\n\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\tthis.tip.showTip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hideTip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tbindTooltip() {\n\t\tthis.container.addEventListener('mousemove', this.mouseMove);\n\t\tthis.container.addEventListener('mouseleave', this.mouseLeave);\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet slices = this.components.get('pieSlices').store;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tif(slices.includes(target)) {\n\t\t\tlet i = slices.indexOf(target);\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\n\t\t\tthis.curActiveSlice = target;\n\t\t\tthis.curActiveSliceIndex = i;\n\t\t\tthis.hoverSlice(target, i, true, e);\n\t\t} else {\n\t\t\tthis.mouseLeave();\n\t\t}\n\t}\n\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { makeSVGGroup, makeHeatSquare, makeText } from '../utils/draw';\nimport { addDays, getDdMmYyyy, getWeeksBetween, getMonthName,\n\tNO_OF_MILLIS, NO_OF_YEAR_MONTHS, NO_OF_DAYS_IN_WEEK } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { HEATMAP_DISTRIBUTION_SIZE, HEATMAP_SQUARE_SIZE,\n\tHEATMAP_GUTTER_SIZE } from '../utils/constants';\n\nconst COL_SIZE = HEATMAP_SQUARE_SIZE + HEATMAP_GUTTER_SIZE;\n\nexport default class Heatmap extends BaseChart {\n\tconstructor(parent, options) {\n\t\tsuper(parent, options);\n\t\tthis.type = 'heatmap';\n\n\t\tthis.dataPoints = options.data.dataPoints || {};\n\t\tthis.discreteDomains = options.discreteDomains === 0 ? 0 : 1;\n\t\tthis.countLabel = options.countLabel || '';\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\tthis.start = args.data.start;\n\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.firstWeekStart = new Date(this.start.toDateString());\n\t\tthis.lastWeekStart = new Date(this.today.toDateString());\n\t\tif(this.firstWeekStart.getDay() !== NO_OF_DAYS_IN_WEEK) {\n\t\t\taddDays(this.firstWeekStart, (-1) * this.firstWeekStart.getDay());\n\t\t}\n\t\tif(this.lastWeekStart.getDay() !== NO_OF_DAYS_IN_WEEK) {\n\t\t\taddDays(this.lastWeekStart, (-1) * this.lastWeekStart.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.firstWeekStart + '', this.lastWeekStart + '') + 1;\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\t// this.leftMargin = HEATMAP_SQUARE_SIZE;\n\t\t// this.topMargin = HEATMAP_SQUARE_SIZE;\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 99) * COL_SIZE;\n\n\t\tif(this.discreteDomains) {\n\t\t\tthis.baseWidth += (COL_SIZE * NO_OF_YEAR_MONTHS);\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tsuper.makeChartArea();\n\t\tthis.domainLabelGroup = makeSVGGroup(this.drawArea,\n\t\t\t'domain-label-group chart-label');\n\n\t\tthis.dataGroups = makeSVGGroup(this.drawArea,\n\t\t\t'data-groups',\n\t\t\t`translate(0, 20)`\n\t\t);\n\t}\n\n\tcalc() {\n\t\tlet dataValues = Object.keys(this.dataPoints).map(key => this.dataPoints[key]);\n\t\tthis.distribution = calcDistribution(dataValues, HEATMAP_DISTRIBUTION_SIZE);\n\t}\n\n\trender() {\n\t\tthis.renderAllWeeksAndStoreXValues(this.no_of_cols);\n\t}\n\n\trenderAllWeeksAndStoreXValues(no_of_weeks) {\n\t\t// renderAllWeeksAndStoreXValues\n\t\tthis.domainLabelGroup.textContent = '';\n\t\tthis.dataGroups.textContent = '';\n\n\t\tlet currentWeekSunday = new Date(this.firstWeekStart);\n\t\tthis.weekCol = 0;\n\t\tthis.currentMonth = currentWeekSunday.getMonth();\n\n\t\tthis.months = [this.currentMonth + ''];\n\t\tthis.monthWeeks = {},\n\t\tthis.monthStartPoints = [];\n\t\tthis.monthWeeks[this.currentMonth] = 0;\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet dataGroup, monthChange = 0;\n\t\t\tlet day = new Date(currentWeekSunday);\n\n\t\t\t[dataGroup, monthChange] = this.getWeekSquaresGroup(day, this.weekCol);\n\t\t\tthis.dataGroups.appendChild(dataGroup);\n\t\t\tthis.weekCol += 1 + parseInt(this.discreteDomains && monthChange);\n\t\t\tthis.monthWeeks[this.currentMonth]++;\n\t\t\tif(monthChange) {\n\t\t\t\tthis.currentMonth = (this.currentMonth + 1) % NO_OF_YEAR_MONTHS;\n\t\t\t\tthis.months.push(this.currentMonth + '');\n\t\t\t\tthis.monthWeeks[this.currentMonth] = 1;\n\t\t\t}\n\t\t\taddDays(currentWeekSunday, NO_OF_DAYS_IN_WEEK);\n\t\t}\n\t\tthis.renderMonthLabels();\n\t}\n\n\tgetWeekSquaresGroup(currentDate, index) {\n\t\tconst step = 1;\n\t\tconst todayTime = this.today.getTime();\n\n\t\tlet monthChange = 0;\n\t\tlet weekColChange = 0;\n\n\t\tlet dataGroup = makeSVGGroup(this.dataGroups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < NO_OF_DAYS_IN_WEEK; i += step, y += COL_SIZE) {\n\t\t\tlet dataValue = 0;\n\t\t\tlet colorIndex = 0;\n\n\t\t\tlet currentTimestamp = currentDate.getTime()/NO_OF_MILLIS;\n\t\t\tlet timestamp = Math.floor(currentTimestamp - (currentTimestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.dataPoints[timestamp]) {\n\t\t\t\tdataValue = this.dataPoints[timestamp];\n\t\t\t}\n\n\t\t\tif(this.dataPoints[Math.round(timestamp)]) {\n\t\t\t\tdataValue = this.dataPoints[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(dataValue) {\n\t\t\t\tcolorIndex = getMaxCheckpoint(dataValue, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = (index + weekColChange) * COL_SIZE;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(currentDate),\n\t\t\t\t'data-value': dataValue,\n\t\t\t\t'data-day': currentDate.getDay()\n\t\t\t};\n\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, HEATMAP_SQUARE_SIZE,\n\t\t\t\tthis.colors[colorIndex], dataAttr);\n\n\t\t\tdataGroup.appendChild(heatSquare);\n\n\t\t\tlet nextDate = new Date(currentDate);\n\t\t\taddDays(nextDate, 1);\n\t\t\tif(nextDate.getTime() > todayTime) break;\n\n\n\t\t\tif(nextDate.getMonth() - currentDate.getMonth()) {\n\t\t\t\tmonthChange = 1;\n\t\t\t\tif(this.discreteDomains) {\n\t\t\t\t\tweekColChange = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.monthStartPoints.push((index + weekColChange) * COL_SIZE);\n\t\t\t}\n\t\t\tcurrentDate = nextDate;\n\t\t}\n\n\t\treturn [dataGroup, monthChange];\n\t}\n\n\trenderMonthLabels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.firstWeekStart.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.monthStartPoints.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.monthStartPoints.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.monthStartPoints.shift();\n\t\tthis.months.pop();\n\t\tthis.monthStartPoints.pop();\n\n\t\tthis.monthStartPoints.map((start, i) => {\n\t\t\tlet month_name = getMonthName(this.months[i], true);\n\t\t\tlet text = makeText('y-value-text', start + COL_SIZE, HEATMAP_SQUARE_SIZE, month_name);\n\t\t\tthis.domainLabelGroup.appendChild(text);\n\t\t});\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 dateParts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = getMonthName(parseInt(dateParts[1])-1, true);\n\n\t\t\t\tlet gOff = this.container.getBoundingClientRect(), pOff = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = pOff.left - gOff.left + (width+2)/2;\n\t\t\t\tlet y = pOff.top - gOff.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.countLabel;\n\t\t\t\tlet name = ' on ' + month + ' ' + dateParts[0] + ', ' + dateParts[2];\n\n\t\t\t\tthis.tip.setValues(x, y, {name: name, value: value, valueFirst: 1}, []);\n\t\t\t\tthis.tip.showTip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tsuper.update(data);\n\t\tthis.bindTooltip();\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\nimport { Y_AXIS_LEFT_MARGIN, Y_AXIS_RIGHT_MARGIN } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset, fire } from '../utils/dom';\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale } from '../utils/intervals';\nimport { floatTwo } from '../utils/helpers';\nimport { makeOverlay, updateOverlay } from '../utils/draw';\nimport { MIN_BAR_PERCENT_HEIGHT, BAR_CHART_SPACE_RATIO, LINE_CHART_DOT_SIZE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\n\t\tthis.barOptions = args.barOptions || {};\n\t\tthis.lineOptions = args.lineOptions || {};\n\n\t\tthis.type = args.type || 'line';\n\t\tthis.init = 1;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\targs.axisOptions = args.axisOptions || {};\n\t\targs.tooltipOptions = args.tooltipOptions || {};\n\n\t\tthis.config.xAxisMode = args.axisOptions.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = args.axisOptions.yAxisMode || 'span';\n\t\tthis.config.xIsSeries = args.axisOptions.xIsSeries || 0;\n\n\t\tthis.config.formatTooltipX = args.tooltipOptions.formatTooltipX;\n\t\tthis.config.formatTooltipY = args.tooltipOptions.formatTooltipY;\n\n\t\tthis.config.valuesOverPoints = args.valuesOverPoints;\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = Y_AXIS_LEFT_MARGIN;\n\t\tthis.rightMargin = Y_AXIS_RIGHT_MARGIN;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn zeroDataPrep(data);\n\t}\n\n\tcalc(onlyWidthChange = false) {\n\t\tthis.calcXPositions();\n\t\tif(onlyWidthChange) return;\n\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\n\t}\n\n\tcalcXPositions() {\n\t\tlet 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\t// // For a pure Line Chart\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\n\t\t// s.xOffset = 0;\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\t// Dependent if above changes\n\t\tthis.calcDatasetPoints();\n\t\tthis.calcYExtremes();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcDatasetPoints() {\n\t\tlet s = this.state;\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\n\n\t\ts.datasets = this.data.datasets.map((d, i) => {\n\t\t\tlet values = d.values;\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\n\t\t\treturn {\n\t\t\t\tname: d.name,\n\t\t\t\tindex: i,\n\t\t\t\tchartType: d.chartType,\n\n\t\t\t\tvalues: values,\n\t\t\t\tyPositions: scaleAll(values),\n\n\t\t\t\tcumulativeYs: cumulativeYs,\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\n\t\t\t};\n\t\t});\n\t}\n\n\tcalcYExtremes() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\ts.datasets.map(d => {\n\t\t\td.yPositions.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\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 = scale(d.value, s.yAxis);\n\t\t\t\t// if(!d.label.includes(':')) {\n\t\t\t\t// \td.label += ': ' + d.value;\n\t\t\t\t// }\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\td.startPos = scale(d.start, s.yAxis);\n\t\t\t\td.endPos = scale(d.end, s.yAxis);\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.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\tlet allValueLists = this.data.datasets.map(d => d[key]);\n\t\tif(this.data.yMarkers) {\n\t\t\tallValueLists.push(this.data.yMarkers.map(d => d.value));\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.data.yRegions.map(d => {\n\t\t\t\tallValueLists.push([d.end, d.start]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...allValueLists);\n\t}\n\n\tsetupComponents() {\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.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\tfunction() {\n\t\t\t\t\treturn this.state.yAxis;\n\t\t\t\t}.bind(this)\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.config.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\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\n\n\t\t\t\t\treturn s.xAxis;\n\t\t\t\t}.bind(this)\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\tfunction() {\n\t\t\t\t\treturn this.state.yRegions;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\t\t];\n\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\n\n\t\tlet barsConfigs = barDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'barGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tstacked: this.barOptions.stacked,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\n\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\n\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\n\t\t\t\t\tif(!stacked) {\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\n\t\t\t\t\tif(this.config.valuesOverPoints) {\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlabels = d.values;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\n\t\t\t\t\tif(stacked) {\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: xPositions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\t\t\t\t\t\toffsets: offsets,\n\t\t\t\t\t\t// values: d.values,\n\t\t\t\t\t\tlabels: labels,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tbarsWidth: barsWidth,\n\t\t\t\t\t\tbarWidth: barWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet lineConfigs = lineDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'lineGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tsvgDefs: this.svgDefs,\n\t\t\t\t\theatline: this.lineOptions.heatline,\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xAxis.positions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\n\t\t\t\t\t\tvalues: d.values,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet markerConfigs = [\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\tfunction() {\n\t\t\t\t\treturn this.state.yMarkers;\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\n\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.dataUnitComponents = [];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\n\t\t\t\t\tthis.dataUnitComponents.push(component);\n\t\t\t\t}\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.container);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.topMargin;\n\n\t\t\tif(relY < this.height + this.topMargin * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hideTip();\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 formatY = this.config.formatTooltipY;\n\t\tlet formatX = this.config.formatTooltipX;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(formatX && formatX(titles[0])) {\n\t\t\ttitles = titles.map(d=>formatX(d));\n\t\t}\n\n\t\tformatY = formatY && formatY(s.yAxis.labels[0]) ? formatY : 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.leftMargin;\n\t\t\t\tlet y = s.yExtremes[i] + this.topMargin;\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.name,\n\t\t\t\t\t\tvalue: formatY ? formatY(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.setValues(x, y, {name: titles[i], value: ''}, values, i);\n\t\t\t\tthis.tip.showTip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\trenderLegend() {\n\t\t// let s = this.data;\n\t\t// this.statsWrapper.textContent = '';\n\n\t\t// if(s.datasets.length > 1) {\n\t\t// \ts.datasets.map((d, i) => {\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${d.name}\n\t\t// \t\t</span>`;\n\t\t// \t});\n\t\t// }\n\t}\n\n\tmakeOverlay() {\n\t\tif(this.init) {\n\t\t\tthis.init = 0;\n\t\t\treturn;\n\t\t}\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t};\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t});\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\tthis.parent.addEventListener('data-select', () => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits() {\n\t\tthis.dataUnitComponents.map(c => {\n\t\t\tc.units.map(unit => {\n\t\t\t\tunit.addEventListener('click', () => {\n\t\t\t\t\tlet index = unit.getAttribute('data-point-index');\n\t\t\t\t\tthis.setCurrentDataPoint(index);\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\n\t\t// Note: Doesn't work as tooltip is absolutely positioned\n\t\tthis.tip.container.addEventListener('click', () => {\n\t\t\tlet index = this.tip.container.getAttribute('data-point-index');\n\t\t\tthis.setCurrentDataPoint(index);\n\t\t});\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t});\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\tlet s = this.state;\n\t\tlet data_point = {\n\t\t\tindex: index,\n\t\t\tlabel: s.xAxis.labels[index],\n\t\t\tvalues: s.datasets.map(d => d.values[index])\n\t\t};\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\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\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tif (this.data.labels.length <= 1) {\n\t\t\treturn;\n\t\t}\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\tupdateDataset(datasetValues, index=0) {\n\t\tthis.data.datasets[index].values = datasetValues;\n\t\tthis.update(this.data);\n\t}\n\t// addDataset(dataset, index) {}\n\t// removeDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\tif(datasets[i]) {\n\t\t\t\td.values = datasets[i];\n\t\t\t}\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\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","fire","target","type","properties","evt","createEvent","initEvent","j","dispatchEvent","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getPositionByAngle","angle","radius","sin","ANGLE_RATIO","cos","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extraCount","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","makePath","pathStr","makeArcPathStr","startPosition","endPosition","center","clockWise","arcStartX","x","arcStartY","arcEndX","arcEndY","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","size","data","args","key","makeText","content","fontSize","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","yLine","pos","mode","AXIS_TICK_LENGTH","xLine","yMarker","labelSvg","yRegion","region","datasetBar","index","meta","minHeight","group","datasetDot","dot","getPaths","xList","yList","pointsStr","join","path","heatline","gradient_id","svgDefs","paths","regionFill","gradient_id_region","slice","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","translate","unit","oldCoord","newCoord","duration","old","transform","STD_EASING","translateVertLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","nodeName","UNIT_ANIM_DUR","split","animateDot","cx","cy","animatePath","newXList","newYList","pathComponents","animPath","PATH_ANIM_DUR","push","regStartPt","regEndPt","animRegion","animatePathStr","oldPath","animateSVGElement","props","dur","easingType","undefined","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","getComponent","name","constants","getData","Object","componentConfigs","filter","includes","k","config","assign","ChartComponent","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","ceil","getDaysBetween","addDays","numberOfDays","setDate","getMonthName","short","monthName","MONTH_NAMES","normalize","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getChartByType","AxisChart","chartTypes","error","create","createElement","SvgTip","colors","titleName","titleValue","listValues","titleValueFirst","setup","makeTooltip","calcPosition","container","this","hideTip","title","dataPointList","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","maxLeft","pointer","pointerOffset","valueFirst","refresh","ALL_CHART_TYPES","COMPATIBLE_CHARTS","DATA_COLOR_DIVISIONS","HEATMAP_DISTRIBUTION_SIZE","INIT_CHART_UPDATE_TIMEOUT","PI","DEFAULT_CHART_COLORS","DEFAULT_COLORS","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","PRESET_COLOR_MAP","BaseChart","HTMLElement","Error","rawChartArgs","argHeight","prepareData","prepareFirstData","validateColors","showLegend","isNavigable","state","initTimeout","overlays","configure","setMargins","_this","draw","validColors","forEach","warn","baseHeight","topMargin","leftMargin","rightMargin","makeContainer","components","Map","tip","bindTooltip","onlyWidthChange","init","calcWidth","calc","makeChartArea","setupComponents","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","svg","make","updateNav","bindUnits","titleAreaHeight","legendAreaHeight","titleEL","legendArea","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","currentType","useColor","Chart","removeEventListener","_this5","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","a","sumOfRemaining","PercentageChart","marginTop","chart","percentageBar","grandTotal","reduce","slices","classList","contains","gOff","_this3","pOff","formattedLabels","percent","setValues","showTip","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","textContent","sliceStrings","transition","newData","positions","position","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","startPos","endPos","newStarts","oldStarts","unitType","units","yPositions","xPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","PieChart","mouseMove","mouseLeave","hoverRadio","startAngle","calcSlices","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","component","property","flag","calTranslateByAngle","g_off","pageX","pageY","formatted_labels","get","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","dataPoints","discreteDomains","countLabel","today","setFullYear","firstWeekStart","toDateString","lastWeekStart","getDay","no_of_cols","HEATMAP_SQUARE_SIZE","COL_SIZE","domainLabelGroup","dataGroups","dataValues","renderAllWeeksAndStoreXValues","no_of_weeks","currentWeekSunday","weekCol","currentMonth","months","monthWeeks","monthStartPoints","dataGroup","monthChange","day","getWeekSquaresGroup","renderMonthLabels","currentDate","todayTime","getTime","weekColChange","dataValue","colorIndex","currentTimestamp","timestamp","round","dataAttr","heatSquare","nextDate","shift","pop","prototype","call","querySelectorAll","dateParts","month","barOptions","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","unitWidth","xOffset","xAxis","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","allValueLists","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","relX","mapTooltipXPosition","formatY","formatX","titles","xVal","overlayGuides","currentIndex","currentUnit","_this6","setCurrentDataPoint","_this8","_this9","getDataPoint","datasetValues","splice"],"mappings":"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"}
\ 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/draw.js","../src/js/utils/colors.js","../src/js/utils/animate.js","../src/js/utils/animation.js","../src/js/objects/ChartComponents.js","../src/js/utils/date-utils.js","../src/js/utils/intervals.js","../src/js/utils/axis-chart-utils.js","../src/js/chart.js","../src/js/objects/SvgTip.js","../src/js/utils/constants.js","../src/js/charts/BaseChart.js","../src/js/charts/AggregationChart.js","../src/js/charts/PercentageChart.js","../src/js/charts/PieChart.js","../src/js/charts/Heatmap.js","../src/js/charts/AxisChart.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","import { ANGLE_RATIO } from './constants';\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) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n\nexport function getPositionByAngle(angle, radius) {\n\treturn {\n\t\tx:Math.sin(angle * ANGLE_RATIO) * radius,\n\t\ty:Math.cos(angle * ANGLE_RATIO) * radius,\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\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\textraCount = array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extraCount > 0) {\n\t\tarray1 = fillArray(array1, extraCount);\n\t} else {\n\t\tarray2 = fillArray(array2, extraCount);\n\t}\n\treturn [array1, array2];\n}\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { DOT_OVERLAY_SIZE_INCR } from './constants';\n\nexport const AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\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 makeArcPathStr(startPosition, endPosition, center, radius, clockWise=1){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\n\n\treturn `M${center.x} ${center.y}\n\t\tL${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 0 ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY} z`;\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');\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: fill\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, fontSize = FONT_SIZE) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (fontSize / 2) + 'px',\n\t\t'font-size': fontSize + '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\t// let 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 function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height || meta.minHeight // TODO: correct y for positive min height\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\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(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t};\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'heat_square': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n};\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'heat_square': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\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\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 { 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\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\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: old}\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 function animateBar(bar, x, yTop, width, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\nexport function animatePathStr(oldPath, pathStr) {\n\treturn [oldPath, {d: pathStr}, UNIT_ANIM_DUR, STD_EASING];\n}\n\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 { makeSVGGroup } from '../utils/draw';\nimport { makePath, xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar,\n\tanimateDot, animatePath, animatePathStr } 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\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\n\t\t\t? this.layerClass() : this.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.render(this.data);\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\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tpieSlices: {\n\t\tlayerClass: 'pie-slices',\n\t\tmakeElements(data) {\n\t\t\treturn data.sliceStrings.map((s, i) =>{\n\t\t\t\tlet slice = makePath(s, 'pie-path', 'none', data.colors[i]);\n\t\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\t\treturn slice;\n\t\t\t});\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\treturn this.store.map((slice, i) =>\n\t\t\t\tanimatePathStr(slice, newData.sliceStrings[i])\n\t\t\t);\n\t\t}\n\t},\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.calcLabels[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.calcLabels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.calcLabels;\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\tcalcLabels: 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\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.startPos, region.endPos, 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.endPos);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.startPos);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.endPos);\n\t\t\tlet oldStarts = this.oldData.map(d => d.startPos);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstartPos: oldStarts[i],\n\t\t\t\t\tendPos: 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\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i],\n\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tthis.units = [];\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n};\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t});\n\treturn new ChartComponent(config);\n}\n","// Playing around with dates\n\nexport const NO_OF_YEAR_MONTHS = 12;\nexport const NO_OF_DAYS_IN_WEEK = 7;\nexport const NO_OF_MILLIS = 1000;\n\nexport const MONTH_NAMES = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\n\nexport const MONTH_NAMES_SHORT = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\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 clone(date) {\n\treturn new Date(date.getTime());\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\nexport function getMonthName(i, short=false) {\n\tlet monthName = MONTH_NAMES[i];\n\treturn short ? monthName.slice(0, 3) : monthName;\n}\n","import { floatTwo } from './helpers';\n\nfunction 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 scale(val, yAxis) {\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier);\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","import { fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } 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=> {\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 type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t};\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}","import '../scss/charts.scss';\n\n// import 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\nconst chartTypes = {\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, 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](parent, options);\n}\n\nclass Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n\nexport { Chart, PercentageChart, PieChart, Heatmap, AxisChart };","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.titleName = '';\n\t\tthis.titleValue = '';\n\t\tthis.listValues = [];\n\t\tthis.titleValueFirst = 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.makeTooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calcPosition();\n\t\t// this.showTip();\n\t}\n\n\tmakeTooltip() {\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.hideTip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.dataPointList = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hideTip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.index) {\n\t\t\tthis.container.setAttribute('data-point-index', this.index);\n\t\t}\n\t\tif(this.titleValueFirst) {\n\t\t\ttitle = `<strong>${this.titleValue}</strong>${this.titleName}`;\n\t\t} else {\n\t\t\ttitle = `${this.titleName}<strong>${this.titleValue}</strong>`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.dataPointList.innerHTML = '';\n\n\t\tthis.listValues.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.dataPointList.appendChild(li);\n\t\t});\n\t}\n\n\tcalcPosition() {\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 maxLeft = 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 > maxLeft) {\n\t\t\tlet delta = this.left - maxLeft;\n\t\t\tlet pointerOffset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointerOffset;\n\n\t\t\tthis.left = maxLeft;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tsetValues(x, y, title = {}, listValues = [], index = -1) {\n\t\tthis.titleName = title.name;\n\t\tthis.titleValue = title.value;\n\t\tthis.listValues = listValues;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.titleValueFirst = title.valueFirst || 0;\n\t\tthis.index = index;\n\t\tthis.refresh();\n\t}\n\n\thideTip() {\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\tshowTip() {\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","export const ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nexport const COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\nexport const DATA_COLOR_DIVISIONS = {\n\tbar: 'datasets',\n\tline: 'datasets',\n\tpie: 'labels',\n\tpercentage: 'labels',\n\theatmap: HEATMAP_DISTRIBUTION_SIZE\n};\n\nexport const BASE_CHART_TOP_MARGIN = 10;\nexport const BASE_CHART_LEFT_MARGIN = 20;\nexport const BASE_CHART_RIGHT_MARGIN = 20;\n\nexport const Y_AXIS_LEFT_MARGIN = 60;\nexport const Y_AXIS_RIGHT_MARGIN = 40;\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const BAR_CHART_SPACE_RATIO = 0.5;\nexport const MIN_BAR_PERCENT_HEIGHT = 0.01;\n\nexport const LINE_CHART_DOT_SIZE = 4;\nexport const DOT_OVERLAY_SIZE_INCR = 4;\n\nexport const DEFAULT_CHAR_WIDTH = 7;\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;\n\n// Fixed 5-color theme,\n// More colors are difficult to parse visually\nexport const HEATMAP_DISTRIBUTION_SIZE = 5;\n\nexport const HEATMAP_SQUARE_SIZE = 10;\nexport const HEATMAP_GUTTER_SIZE = 2;\n\nconst HEATMAP_COLORS = ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\nconst DEFAULT_CHART_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\n\nexport const DEFAULT_COLORS = {\n\tbar: DEFAULT_CHART_COLORS,\n\tline: DEFAULT_CHART_COLORS,\n\tpie: DEFAULT_CHART_COLORS,\n\tpercentage: DEFAULT_CHART_COLORS,\n\theatmap: HEATMAP_COLORS\n};","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup, makeText, AXIS_TICK_LENGTH } from '../utils/draw';\nimport { BASE_CHART_TOP_MARGIN, BASE_CHART_LEFT_MARGIN,\n\tBASE_CHART_RIGHT_MARGIN, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT, DEFAULT_COLORS,\n\tALL_CHART_TYPES, COMPATIBLE_CHARTS, DATA_COLOR_DIVISIONS} from '../utils/constants';\nimport { getColor, isValidColor } from '../utils/colors';\nimport { runSMILAnimation } from '../utils/animation';\nimport { Chart } from '../chart';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\n\t\tthis.parent = typeof parent === 'string'\n\t\t\t? document.querySelector(parent)\n\t\t\t: parent;\n\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.title = options.title || '';\n\t\tthis.argHeight = options.height || 240;\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\n\t\tthis.colors = this.validateColors(options.colors, this.type);\n\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: options.showLegend || 1,\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1\n\t\t};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tthis.initTimeout = INIT_CHART_UPDATE_TIMEOUT;\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure() {\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.draw(true));\n\t\twindow.addEventListener('orientationchange', () => this.draw(true));\n\t}\n\n\tvalidateColors(colors, type) {\n\t\tconst validColors = [];\n\t\tcolors = (colors || []).concat(DEFAULT_COLORS[type]);\n\t\tcolors.forEach((string) => {\n\t\t\tconst color = getColor(string);\n\t\t\tif(!isValidColor(color)) {\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t} else {\n\t\t\t\tvalidColors.push(color);\n\t\t\t}\n\t\t});\n\t\treturn validColors;\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - 70;\n\t\tthis.topMargin = BASE_CHART_TOP_MARGIN;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = BASE_CHART_LEFT_MARGIN;\n\t\tthis.rightMargin = BASE_CHART_RIGHT_MARGIN;\n\t}\n\n\tsetup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tsetupComponents() {\n\t\tthis.components = new Map();\n\t}\n\n\tmakeContainer() {\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'chart-container'\n\t\t});\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.container,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.updateWidth();\n\t\tthis.calc(onlyWidthChange);\n\t\tthis.makeChartArea();\n\t\tthis.setupComponents();\n\n\t\tthis.components.forEach(c => c.setup(this.drawArea));\n\t\t// this.components.forEach(c => c.make());\n\t\tthis.render(this.components, false);\n\n\t\tif(init) {\n\t\t\tthis.data = this.realData;\n\t\t\tsetTimeout(() => {this.update();}, this.initTimeout);\n\t\t}\n\n\t\tif(!onlyWidthChange) {\n\t\t\tthis.renderLegend();\n\t\t}\n\n\t\tthis.setupNavigation(init);\n\t}\n\n\tupdateWidth() {\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\n\t\tthis.width = this.baseWidth - (this.leftMargin + this.rightMargin);\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(data=this.data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tcalc() {} // builds state\n\n\trender(components=this.components, animate=true) {\n\t\tif(this.config.isNavigable) {\n\t\t\t// Remove all existing overlays\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\n\t\t\t// ref.parentNode.insertBefore(element, ref);\n\t\t}\n\t\tlet elementsToAnimate = [];\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tcomponents.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.container, this.svg, elementsToAnimate);\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomponents.forEach(c => c.make());\n\t\t\t\tthis.updateNav();\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\n\t\t} else {\n\t\t\tcomponents.forEach(c => c.make());\n\t\t\tthis.updateNav();\n\t\t}\n\t}\n\n\tupdateNav() {\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.makeOverlay();\n\t\t\tthis.bindUnits();\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.container.removeChild(this.svg);\n\t\t}\n\n\t\tlet titleAreaHeight = 0;\n\t\tlet legendAreaHeight = 0;\n\t\tif(this.title.length) {\n\t\t\ttitleAreaHeight = 30;\n\t\t}\n\t\tif(this.showLegend) {\n\t\t\tlegendAreaHeight = 30;\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.container,\n\t\t\t'frappe-chart chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight + titleAreaHeight + legendAreaHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\tif(this.title.length) {\n\t\t\tthis.titleEL = makeText(\n\t\t\t\t'title',\n\t\t\t\tthis.leftMargin - AXIS_TICK_LENGTH,\n\t\t\t\tthis.topMargin,\n\t\t\t\tthis.title,\n\t\t\t\t11\n\t\t\t);\n\t\t\tthis.svg.appendChild(this.titleEL);\n\t\t}\n\n\t\tlet top = this.topMargin + titleAreaHeight;\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${top})`\n\t\t);\n\n\t\ttop = this.baseHeight + titleAreaHeight;\n\t\tthis.legendArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\t'chart-legend',\n\t\t\t`translate(${this.leftMargin}, ${top})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.container)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\taddDataPoint() {}\n\tremoveDataPoint() {}\n\n\tgetDataPoint() {}\n\tsetCurrentDataPoint() {}\n\n\tupdateDataset() {}\n\n\tgetDifferentChart(type) {\n\t\tconst currentType = this.type;\n\t\tlet args = this.rawChartArgs;\n\t\tif(type === currentType) return;\n\n\t\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t\t}\n\n\t\tif(!COMPATIBLE_CHARTS[currentType].includes(type)) {\n\t\t\tconsole.error(`'${currentType}' chart cannot be converted to a '${type}' chart.`);\n\t\t}\n\n\t\t// whether the new chart can use the existing colors\n\t\tconst useColor = DATA_COLOR_DIVISIONS[currentType] === DATA_COLOR_DIVISIONS[type];\n\n\t\t// Okay, this is anticlimactic\n\t\t// this function will need to actually be 'changeChartType(type)'\n\t\t// that will update only the required elements, but for now ...\n\n\t\targs.type = type;\n\t\targs.colors = useColor ? args.colors : undefined;\n\n\t\treturn new Chart(this.parent, args);\n\t}\n\n\tunbindWindowEvents(){\n\t\twindow.removeEventListener('resize', () => this.draw(true));\n\t\twindow.removeEventListener('orientationchange', () => this.draw(true));\n\t}\n}\n","import BaseChart from './BaseChart';\n\nexport default class AggregationChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\tthis.config.maxSlices = args.maxSlices || 20;\n\t\tthis.config.maxLegendPoints = args.maxLegendPoints || 20;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\t\tlet maxSlices = this.config.maxSlices;\n\t\ts.sliceTotals = [];\n\n\t\tlet allTotals = this.data.labels.map((label, 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, label];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = allTotals;\n\t\tif(allTotals.length > maxSlices) {\n\t\t\t// Prune and keep a grey area for rest as per maxSlices\n\t\t\tallTotals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = allTotals.slice(0, maxSlices-1);\n\t\t\tlet remaining = allTotals.slice(maxSlices-1);\n\n\t\t\tlet sumOfRemaining = 0;\n\t\t\tremaining.map(d => {sumOfRemaining += d[0];});\n\t\t\ttotals.push([sumOfRemaining, 'Rest']);\n\t\t\tthis.colors[maxSlices-1] = 'grey';\n\t\t}\n\n\t\ts.labels = [];\n\t\ttotals.map(d => {\n\t\t\ts.sliceTotals.push(d[0]);\n\t\t\ts.labels.push(d[1]);\n\t\t});\n\t}\n\n\trenderLegend() {\n\t\t// let s = this.state;\n\n\t\t// this.statsWrapper.textContent = '';\n\n\t\t// this.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\t// let xValues = s.labels;\n\t\t// this.legendTotals.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\">${xValues[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 AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'percentage';\n\n\t\tthis.setup();\n\t}\n\n\tmakeChartArea() {\n\t\tthis.container.className += ' ' + 'graph-focus-margin';\n\t\tthis.container.style.marginTop = '45px';\n\n\t\t// this.statsWrapper.className += ' ' + 'graph-focus-margin';\n\t\t// this.statsWrapper.style.marginBottom = '30px';\n\t\t// this.statsWrapper.style.paddingTop = '0px';\n\n\t\tthis.svg = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.container\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.svg\n\t\t});\n\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\trender() {\n\t\tlet s = this.state;\n\t\tthis.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\t\ts.slices = [];\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\t'data-index': i,\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.grandTotal + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\ts.slices.push(slice);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tlet slice = e.target;\n\t\t\tif(slice.classList.contains('progress-bar')) {\n\n\t\t\t\tlet i = slice.getAttribute('data-index');\n\t\t\t\tlet gOff = getOffset(this.container), pOff = getOffset(slice);\n\n\t\t\t\tlet x = pOff.left - gOff.left + slice.offsetWidth/2;\n\t\t\t\tlet y = pOff.top - gOff.top - 6;\n\t\t\t\tlet title = (this.formattedLabels && this.formattedLabels.length>0\n\t\t\t\t\t? this.formattedLabels[i] : this.state.labels[i]) + ': ';\n\t\t\t\tlet percent = (s.sliceTotals[i]*100/this.grandTotal).toFixed(1);\n\n\t\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\t\tthis.tip.showTip();\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makeArcPathStr } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { transform } from '../utils/animation';\nimport { FULL_ANGLE } from '../utils/constants';\n\nexport default class PieChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'pie';\n\t\tthis.initTimeout = 0;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.config.startAngle = args.startAngle || 0;\n\n\t\tthis.clockWise = args.clockWise || false;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\tthis.init = 1;\n\t\treturn data;\n\t}\n\n\tcalc() {\n\t\tsuper.calc();\n\t\tlet s = this.state;\n\n\t\tthis.center = {\n\t\t\tx: this.width / 2,\n\t\t\ty: this.height / 2\n\t\t};\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\n\n\t\ts.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\n\t\tthis.calcSlices();\n\t}\n\n\tcalcSlices() {\n\t\tlet s = this.state;\n\t\tconst { radius, clockWise } = this;\n\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\n\t\ts.sliceStrings = [];\n\t\ts.slicesProperties = [];\n\t\tlet curAngle = 180 - this.config.startAngle;\n\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\n\n\t\t\tlet curStart,curEnd;\n\t\t\tif(this.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 = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);\n\n\t\t\ts.sliceStrings.push(curPath);\n\t\t\ts.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: s.grandTotal,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\n\t\t});\n\t\tthis.init = 0;\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'pieSlices',\n\t\t\t\t{ },\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\n\t\t\t\t\t\tcolors: this.colors\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\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.state.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.state.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\n\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\tthis.tip.showTip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hideTip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tbindTooltip() {\n\t\tthis.container.addEventListener('mousemove', this.mouseMove);\n\t\tthis.container.addEventListener('mouseleave', this.mouseLeave);\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet slices = this.components.get('pieSlices').store;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tif(slices.includes(target)) {\n\t\t\tlet i = slices.indexOf(target);\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\n\t\t\tthis.curActiveSlice = target;\n\t\t\tthis.curActiveSliceIndex = i;\n\t\t\tthis.hoverSlice(target, i, true, e);\n\t\t} else {\n\t\t\tthis.mouseLeave();\n\t\t}\n\t}\n\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { makeSVGGroup, makeHeatSquare, makeText } from '../utils/draw';\nimport { addDays, getDdMmYyyy, getWeeksBetween, getMonthName, clone,\n\tNO_OF_MILLIS, NO_OF_YEAR_MONTHS, NO_OF_DAYS_IN_WEEK } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { HEATMAP_DISTRIBUTION_SIZE, HEATMAP_SQUARE_SIZE,\n\tHEATMAP_GUTTER_SIZE } from '../utils/constants';\n\nconst COL_SIZE = HEATMAP_SQUARE_SIZE + HEATMAP_GUTTER_SIZE;\n\nexport default class Heatmap extends BaseChart {\n\tconstructor(parent, options) {\n\t\tsuper(parent, options);\n\t\tthis.type = 'heatmap';\n\n\t\tthis.dataPoints = options.data.dataPoints || {};\n\t\tthis.discreteDomains = options.discreteDomains === 0 ? 0 : 1;\n\t\tthis.countLabel = options.countLabel || '';\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\tthis.start = args.data.start;\n\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.firstWeekStart = new Date(this.start.toDateString());\n\t\tthis.lastWeekStart = new Date(this.today.toDateString());\n\t\tif(this.firstWeekStart.getDay() !== NO_OF_DAYS_IN_WEEK) {\n\t\t\taddDays(this.firstWeekStart, (-1) * this.firstWeekStart.getDay());\n\t\t}\n\t\tif(this.lastWeekStart.getDay() !== NO_OF_DAYS_IN_WEEK) {\n\t\t\taddDays(this.lastWeekStart, (-1) * this.lastWeekStart.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.firstWeekStart + '', this.lastWeekStart + '') + 1;\n\t}\n\n\tupdateWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 99) * COL_SIZE;\n\n\t\tif(this.discreteDomains) {\n\t\t\tthis.baseWidth += (COL_SIZE * NO_OF_YEAR_MONTHS);\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tsuper.makeChartArea();\n\t\tthis.domainLabelGroup = makeSVGGroup(this.drawArea,\n\t\t\t'domain-label-group chart-label');\n\n\t\tthis.dataGroups = makeSVGGroup(this.drawArea,\n\t\t\t'data-groups',\n\t\t\t`translate(0, 20)`\n\t\t);\n\t}\n\n\tcalc() {\n\t\tthis.distribution = calcDistribution(\n\t\t\tObject.values(this.dataPoints), HEATMAP_DISTRIBUTION_SIZE);\n\t}\n\n\tupdate(data=this.data) {\n\t\tthis.data = this.prepareData(data);\n\t\tthis.draw();\n\t}\n\n\trender() {\n\t\tthis.renderAllWeeksAndStoreXValues(this.no_of_cols);\n\t}\n\n\trenderAllWeeksAndStoreXValues(no_of_weeks) {\n\t\t// renderAllWeeksAndStoreXValues\n\t\tthis.domainLabelGroup.textContent = '';\n\t\tthis.dataGroups.textContent = '';\n\n\t\tlet currentWeekSunday = new Date(this.firstWeekStart);\n\t\tthis.weekCol = 0;\n\t\tthis.currentMonth = currentWeekSunday.getMonth();\n\n\t\tthis.months = [this.currentMonth + ''];\n\t\tthis.monthWeeks = {},\n\t\tthis.monthStartPoints = [];\n\t\tthis.monthWeeks[this.currentMonth] = 0;\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet dataGroup, monthChange = 0;\n\t\t\tlet day = new Date(currentWeekSunday);\n\n\t\t\t[dataGroup, monthChange] = this.getWeekSquaresGroup(day, this.weekCol);\n\t\t\tthis.dataGroups.appendChild(dataGroup);\n\t\t\tthis.weekCol += 1 + parseInt(this.discreteDomains && monthChange);\n\t\t\tthis.monthWeeks[this.currentMonth]++;\n\t\t\tif(monthChange) {\n\t\t\t\tthis.currentMonth = (this.currentMonth + 1) % NO_OF_YEAR_MONTHS;\n\t\t\t\tthis.months.push(this.currentMonth + '');\n\t\t\t\tthis.monthWeeks[this.currentMonth] = 1;\n\t\t\t}\n\t\t\taddDays(currentWeekSunday, NO_OF_DAYS_IN_WEEK);\n\t\t}\n\t\tthis.renderMonthLabels();\n\t}\n\n\tgetWeekSquaresGroup(currentDate, index) {\n\t\tconst step = 1;\n\t\tconst todayTime = this.today.getTime();\n\n\t\tlet monthChange = 0;\n\t\tlet weekColChange = 0;\n\n\t\tlet dataGroup = makeSVGGroup(this.dataGroups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < NO_OF_DAYS_IN_WEEK; i += step, y += COL_SIZE) {\n\t\t\tlet dataValue = 0;\n\t\t\tlet colorIndex = 0;\n\n\t\t\tlet currentTimestamp = currentDate.getTime()/NO_OF_MILLIS;\n\t\t\tlet timestamp = Math.floor(currentTimestamp - (currentTimestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.dataPoints[timestamp]) {\n\t\t\t\tdataValue = this.dataPoints[timestamp];\n\t\t\t}\n\n\t\t\tif(this.dataPoints[Math.round(timestamp)]) {\n\t\t\t\tdataValue = this.dataPoints[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(dataValue) {\n\t\t\t\tcolorIndex = getMaxCheckpoint(dataValue, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = (index + weekColChange) * COL_SIZE;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(currentDate),\n\t\t\t\t'data-value': dataValue,\n\t\t\t\t'data-day': currentDate.getDay()\n\t\t\t};\n\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, HEATMAP_SQUARE_SIZE,\n\t\t\t\tthis.colors[colorIndex], dataAttr);\n\n\t\t\tdataGroup.appendChild(heatSquare);\n\n\t\t\tlet nextDate = new Date(currentDate);\n\t\t\taddDays(nextDate, 1);\n\t\t\tif(nextDate.getTime() > todayTime) break;\n\n\n\t\t\tif(nextDate.getMonth() - currentDate.getMonth()) {\n\t\t\t\tmonthChange = 1;\n\t\t\t\tif(this.discreteDomains) {\n\t\t\t\t\tweekColChange = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.monthStartPoints.push((index + weekColChange) * COL_SIZE);\n\t\t\t}\n\t\t\tcurrentDate = nextDate;\n\t\t}\n\n\t\treturn [dataGroup, monthChange];\n\t}\n\n\trenderMonthLabels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.firstWeekStart.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.monthStartPoints.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.monthStartPoints.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.monthStartPoints.shift();\n\t\tthis.months.pop();\n\t\tthis.monthStartPoints.pop();\n\n\t\tthis.monthStartPoints.map((start, i) => {\n\t\t\tlet month_name = getMonthName(this.months[i], true);\n\t\t\tlet text = makeText('y-value-text', start + COL_SIZE, HEATMAP_SQUARE_SIZE, month_name);\n\t\t\tthis.domainLabelGroup.appendChild(text);\n\t\t});\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 dateParts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = getMonthName(parseInt(dateParts[1])-1, true);\n\n\t\t\t\tlet gOff = this.container.getBoundingClientRect(), pOff = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = pOff.left - gOff.left + (width+2)/2;\n\t\t\t\tlet y = pOff.top - gOff.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.countLabel;\n\t\t\t\tlet name = ' on ' + month + ' ' + dateParts[0] + ', ' + dateParts[2];\n\n\t\t\t\tthis.tip.setValues(x, y, {name: name, value: value, valueFirst: 1}, []);\n\t\t\t\tthis.tip.showTip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tsuper.update(data);\n\t\tthis.bindTooltip();\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\nimport { Y_AXIS_LEFT_MARGIN, Y_AXIS_RIGHT_MARGIN } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset, fire } from '../utils/dom';\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale } from '../utils/intervals';\nimport { floatTwo } from '../utils/helpers';\nimport { makeOverlay, updateOverlay } from '../utils/draw';\nimport { MIN_BAR_PERCENT_HEIGHT, BAR_CHART_SPACE_RATIO, LINE_CHART_DOT_SIZE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\n\t\tthis.barOptions = args.barOptions || {};\n\t\tthis.lineOptions = args.lineOptions || {};\n\n\t\tthis.type = args.type || 'line';\n\t\tthis.init = 1;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\targs.axisOptions = args.axisOptions || {};\n\t\targs.tooltipOptions = args.tooltipOptions || {};\n\n\t\tthis.config.xAxisMode = args.axisOptions.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = args.axisOptions.yAxisMode || 'span';\n\t\tthis.config.xIsSeries = args.axisOptions.xIsSeries || 0;\n\n\t\tthis.config.formatTooltipX = args.tooltipOptions.formatTooltipX;\n\t\tthis.config.formatTooltipY = args.tooltipOptions.formatTooltipY;\n\n\t\tthis.config.valuesOverPoints = args.valuesOverPoints;\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = Y_AXIS_LEFT_MARGIN;\n\t\tthis.rightMargin = Y_AXIS_RIGHT_MARGIN;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn zeroDataPrep(data);\n\t}\n\n\tcalc(onlyWidthChange = false) {\n\t\tthis.calcXPositions();\n\t\tif(onlyWidthChange) return;\n\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\n\t}\n\n\tcalcXPositions() {\n\t\tlet 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\t// // For a pure Line Chart\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\n\t\t// s.xOffset = 0;\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\t// Dependent if above changes\n\t\tthis.calcDatasetPoints();\n\t\tthis.calcYExtremes();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcDatasetPoints() {\n\t\tlet s = this.state;\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\n\n\t\ts.datasets = this.data.datasets.map((d, i) => {\n\t\t\tlet values = d.values;\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\n\t\t\treturn {\n\t\t\t\tname: d.name,\n\t\t\t\tindex: i,\n\t\t\t\tchartType: d.chartType,\n\n\t\t\t\tvalues: values,\n\t\t\t\tyPositions: scaleAll(values),\n\n\t\t\t\tcumulativeYs: cumulativeYs,\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\n\t\t\t};\n\t\t});\n\t}\n\n\tcalcYExtremes() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\ts.datasets.map(d => {\n\t\t\td.yPositions.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\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 = scale(d.value, s.yAxis);\n\t\t\t\t// if(!d.label.includes(':')) {\n\t\t\t\t// \td.label += ': ' + d.value;\n\t\t\t\t// }\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\td.startPos = scale(d.start, s.yAxis);\n\t\t\t\td.endPos = scale(d.end, s.yAxis);\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.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\tlet allValueLists = this.data.datasets.map(d => d[key]);\n\t\tif(this.data.yMarkers) {\n\t\t\tallValueLists.push(this.data.yMarkers.map(d => d.value));\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.data.yRegions.map(d => {\n\t\t\t\tallValueLists.push([d.end, d.start]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...allValueLists);\n\t}\n\n\tsetupComponents() {\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.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\tfunction() {\n\t\t\t\t\treturn this.state.yAxis;\n\t\t\t\t}.bind(this)\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.config.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\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\n\n\t\t\t\t\treturn s.xAxis;\n\t\t\t\t}.bind(this)\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\tfunction() {\n\t\t\t\t\treturn this.state.yRegions;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\t\t];\n\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\n\n\t\tlet barsConfigs = barDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'barGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tstacked: this.barOptions.stacked,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\n\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\n\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\n\t\t\t\t\tif(!stacked) {\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\n\t\t\t\t\tif(this.config.valuesOverPoints) {\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlabels = d.values;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\n\t\t\t\t\tif(stacked) {\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: xPositions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\t\t\t\t\t\toffsets: offsets,\n\t\t\t\t\t\t// values: d.values,\n\t\t\t\t\t\tlabels: labels,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tbarsWidth: barsWidth,\n\t\t\t\t\t\tbarWidth: barWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet lineConfigs = lineDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'lineGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tsvgDefs: this.svgDefs,\n\t\t\t\t\theatline: this.lineOptions.heatline,\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xAxis.positions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\n\t\t\t\t\t\tvalues: d.values,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet markerConfigs = [\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\tfunction() {\n\t\t\t\t\treturn this.state.yMarkers;\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\n\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.dataUnitComponents = [];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\n\t\t\t\t\tthis.dataUnitComponents.push(component);\n\t\t\t\t}\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.container);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.topMargin;\n\n\t\t\tif(relY < this.height + this.topMargin * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hideTip();\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 formatY = this.config.formatTooltipY;\n\t\tlet formatX = this.config.formatTooltipX;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(formatX && formatX(titles[0])) {\n\t\t\ttitles = titles.map(d=>formatX(d));\n\t\t}\n\n\t\tformatY = formatY && formatY(s.yAxis.labels[0]) ? formatY : 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.leftMargin;\n\t\t\t\tlet y = s.yExtremes[i] + this.topMargin;\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.name,\n\t\t\t\t\t\tvalue: formatY ? formatY(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.setValues(x, y, {name: titles[i], value: ''}, values, i);\n\t\t\t\tthis.tip.showTip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\trenderLegend() {\n\t\t// let s = this.data;\n\t\t// this.statsWrapper.textContent = '';\n\n\t\t// if(s.datasets.length > 1) {\n\t\t// \ts.datasets.map((d, i) => {\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${d.name}\n\t\t// \t\t</span>`;\n\t\t// \t});\n\t\t// }\n\t}\n\n\tmakeOverlay() {\n\t\tif(this.init) {\n\t\t\tthis.init = 0;\n\t\t\treturn;\n\t\t}\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t};\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t});\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\tthis.parent.addEventListener('data-select', () => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits() {\n\t\tthis.dataUnitComponents.map(c => {\n\t\t\tc.units.map(unit => {\n\t\t\t\tunit.addEventListener('click', () => {\n\t\t\t\t\tlet index = unit.getAttribute('data-point-index');\n\t\t\t\t\tthis.setCurrentDataPoint(index);\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\n\t\t// Note: Doesn't work as tooltip is absolutely positioned\n\t\tthis.tip.container.addEventListener('click', () => {\n\t\t\tlet index = this.tip.container.getAttribute('data-point-index');\n\t\t\tthis.setCurrentDataPoint(index);\n\t\t});\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t});\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\tlet s = this.state;\n\t\tlet data_point = {\n\t\t\tindex: index,\n\t\t\tlabel: s.xAxis.labels[index],\n\t\t\tvalues: s.datasets.map(d => d.values[index])\n\t\t};\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\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\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tif (this.data.labels.length <= 1) {\n\t\t\treturn;\n\t\t}\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\tupdateDataset(datasetValues, index=0) {\n\t\tthis.data.datasets[index].values = datasetValues;\n\t\tthis.update(this.data);\n\t}\n\t// addDataset(dataset, index) {}\n\t// removeDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\tif(datasets[i]) {\n\t\t\t\td.values = datasets[i];\n\t\t\t}\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\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","fire","target","type","properties","evt","createEvent","initEvent","j","dispatchEvent","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getPositionByAngle","angle","radius","sin","ANGLE_RATIO","cos","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extraCount","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","makePath","pathStr","makeArcPathStr","startPosition","endPosition","center","clockWise","arcStartX","x","arcStartY","arcEndX","arcEndY","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","size","data","args","key","makeText","content","fontSize","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","yLine","pos","mode","AXIS_TICK_LENGTH","xLine","yMarker","labelSvg","yRegion","region","datasetBar","index","meta","minHeight","group","datasetDot","dot","getPaths","xList","yList","pointsStr","join","path","heatline","gradient_id","svgDefs","paths","regionFill","gradient_id_region","slice","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","translate","unit","oldCoord","newCoord","duration","old","transform","STD_EASING","translateVertLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","nodeName","UNIT_ANIM_DUR","split","animateDot","cx","cy","animatePath","newXList","newYList","pathComponents","animPath","PATH_ANIM_DUR","push","regStartPt","regEndPt","animRegion","animatePathStr","oldPath","animateSVGElement","props","dur","easingType","undefined","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","getComponent","name","constants","getData","Object","componentConfigs","filter","includes","k","config","assign","ChartComponent","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","ceil","getDaysBetween","addDays","numberOfDays","setDate","getMonthName","short","monthName","MONTH_NAMES","normalize","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getChartByType","AxisChart","chartTypes","error","create","createElement","SvgTip","colors","titleName","titleValue","listValues","titleValueFirst","setup","makeTooltip","calcPosition","container","this","hideTip","title","dataPointList","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","maxLeft","pointer","pointerOffset","valueFirst","refresh","ALL_CHART_TYPES","COMPATIBLE_CHARTS","DATA_COLOR_DIVISIONS","HEATMAP_DISTRIBUTION_SIZE","INIT_CHART_UPDATE_TIMEOUT","PI","DEFAULT_CHART_COLORS","DEFAULT_COLORS","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","PRESET_COLOR_MAP","BaseChart","HTMLElement","Error","rawChartArgs","argHeight","prepareData","prepareFirstData","validateColors","showLegend","isNavigable","state","initTimeout","overlays","configure","setMargins","_this","draw","validColors","forEach","warn","baseHeight","topMargin","leftMargin","rightMargin","makeContainer","components","Map","tip","bindTooltip","onlyWidthChange","init","updateWidth","calc","makeChartArea","setupComponents","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","svg","make","updateNav","bindUnits","titleAreaHeight","legendAreaHeight","titleEL","legendArea","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","currentType","useColor","Chart","removeEventListener","_this5","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","a","sumOfRemaining","PercentageChart","marginTop","chart","percentageBar","grandTotal","reduce","slices","classList","contains","gOff","_this3","pOff","formattedLabels","percent","setValues","showTip","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","textContent","sliceStrings","transition","newData","positions","position","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","startPos","endPos","newStarts","oldStarts","unitType","units","yPositions","xPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","PieChart","mouseMove","mouseLeave","hoverRadio","startAngle","calcSlices","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","component","property","flag","calTranslateByAngle","g_off","pageX","pageY","formatted_labels","get","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","dataPoints","discreteDomains","countLabel","today","setFullYear","firstWeekStart","toDateString","lastWeekStart","getDay","no_of_cols","HEATMAP_SQUARE_SIZE","COL_SIZE","domainLabelGroup","dataGroups","renderAllWeeksAndStoreXValues","no_of_weeks","currentWeekSunday","weekCol","currentMonth","months","monthWeeks","monthStartPoints","dataGroup","monthChange","day","getWeekSquaresGroup","renderMonthLabels","currentDate","todayTime","getTime","weekColChange","dataValue","colorIndex","currentTimestamp","timestamp","round","dataAttr","heatSquare","nextDate","shift","pop","prototype","call","querySelectorAll","dateParts","month","barOptions","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","allValueLists","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","relX","mapTooltipXPosition","formatY","formatX","titles","xVal","overlayGuides","currentIndex","currentUnit","_this6","setCurrentDataPoint","_this8","_this9","getDataPoint","datasetValues","splice"],"mappings":"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"}
\ No newline at end of file
diff --git a/docs/assets/js/data.js b/docs/assets/js/data.js
new file mode 100644
index 0000000..07388c7
--- /dev/null
+++ b/docs/assets/js/data.js
@@ -0,0 +1,196 @@
+import { MONTH_NAMES_SHORT } from '../../../src/js/utils/date-utils';
+
+// Composite Chart
+// ================================================================================
+const reportCountList = [152, 222, 199, 287, 534, 709,
+	1179, 1256, 1632, 1856, 1850];
+
+export const lineCompositeData = {
+	labels: ["2007", "2008", "2009", "2010", "2011", "2012",
+		"2013", "2014", "2015", "2016", "2017"],
+
+	yMarkers: [
+		{
+			label: "Average 100 reports/month",
+			value: 1200,
+		}
+	],
+
+	datasets: [{
+		"name": "Events",
+		"values": reportCountList
+	}]
+};
+
+
+export const fireball_5_25 = [
+	[4, 0, 3, 1, 1, 2, 1, 1, 1, 0, 1, 1],
+	[2, 3, 3, 2, 1, 3, 0, 1, 2, 7, 10, 4],
+	[5, 6, 2, 4, 0, 1, 4, 3, 0, 2, 0, 1],
+	[0, 2, 6, 2, 1, 1, 2, 3, 6, 3, 7, 8],
+	[6, 8, 7, 7, 4, 5, 6, 5, 22, 12, 10, 11],
+	[7, 10, 11, 7, 3, 2, 7, 7, 11, 15, 22, 20],
+	[13, 16, 21, 18, 19, 17, 12, 17, 31, 28, 25, 29],
+	[24, 14, 21, 14, 11, 15, 19, 21, 41, 22, 32, 18],
+	[31, 20, 30, 22, 14, 17, 21, 35, 27, 50, 117, 24],
+	[32, 24, 21, 27, 11, 27, 43, 37, 44, 40, 48, 32],
+	[31, 38, 36, 26, 23, 23, 25, 29, 26, 47, 61, 50],
+];
+export const fireball_2_5 = [
+	[22, 6, 6, 9, 7, 8, 6, 14, 19, 10, 8, 20],
+	[11, 13, 12, 8, 9, 11, 9, 13, 10, 22, 40, 24],
+	[20, 13, 13, 19, 13, 10, 14, 13, 20, 18, 5, 9],
+	[7, 13, 16, 19, 12, 11, 21, 27, 27, 24, 33, 33],
+	[38, 25, 28, 22, 31, 21, 35, 42, 37, 32, 46, 53],
+	[50, 33, 36, 34, 35, 28, 27, 52, 58, 59, 75, 69],
+	[54, 67, 67, 45, 66, 51, 38, 64, 90, 113, 116, 87],
+	[84, 52, 56, 51, 55, 46, 50, 87, 114, 83, 152, 93],
+	[73, 58, 59, 63, 56, 51, 83, 140, 103, 115, 265, 89],
+	[106, 95, 94, 71, 77, 75, 99, 136, 129, 154, 168, 156],
+	[81, 102, 95, 72, 58, 91, 89, 122, 124, 135, 183, 171],
+];
+export const fireballOver25 = [
+	// [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
+	[0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0],
+	[0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0],
+	[1, 1, 0, 0, 0, 0, 1, 0, 1, 0, 0, 0],
+	[0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 2],
+	[3, 2, 1, 3, 2, 0, 2, 2, 2, 3, 0, 1],
+	[2, 3, 5, 2, 1, 3, 0, 2, 3, 5, 1, 4],
+	[7, 4, 6, 1, 9, 2, 2, 2, 20, 9, 4, 9],
+	[5, 6, 1, 2, 5, 4, 5, 5, 16, 9, 14, 9],
+	[5, 4, 7, 5, 1, 5, 3, 3, 5, 7, 22, 2],
+	[5, 13, 11, 6, 1, 7, 9, 8, 14, 17, 16, 3],
+	[8, 9, 8, 6, 4, 8, 5, 6, 14, 11, 21, 12]
+];
+
+export const barCompositeData = {
+	labels: MONTH_NAMES_SHORT,
+	datasets: [
+		{
+			name: "Over 25 reports",
+			values: fireballOver25[9],
+		},
+		{
+			name: "5 to 25 reports",
+			values: fireball_5_25[9],
+		},
+		{
+			name: "2 to 5 reports",
+			values: fireball_2_5[9]
+		}
+	]
+};
+
+// Demo Chart multitype Chart
+// ================================================================================
+export const typeData = {
+	labels: ["12am-3am", "3am-6am", "6am-9am", "9am-12pm",
+		"12pm-3pm", "3pm-6pm", "6pm-9pm", "9pm-12am"],
+
+	yMarkers: [
+		{
+			label: "Marker",
+			value: 43,
+			// type: 'dashed'
+		}
+	],
+
+	yRegions: [
+		{
+			label: "Region",
+			start: -10,
+			end: 50
+		},
+	],
+
+	datasets: [
+		{
+			name: "Some Data",
+			values: [18, 40, 30, 35, 8, 52, 17, -4],
+			axisPosition: 'right',
+			chartType: 'bar'
+		},
+		{
+			name: "Another Set",
+			values: [30, 50, -10, 15, 18, 32, 27, 14],
+			axisPosition: 'right',
+			chartType: 'bar'
+		},
+		{
+			name: "Yet Another",
+			values: [15, 20, -3, -15, 58, 12, -17, 37],
+			chartType: 'line'
+		}
+	]
+};
+
+export const trendsData = {
+	labels: [1967, 1968, 1969, 1970, 1971, 1972, 1973, 1974, 1975, 1976,
+		1977, 1978, 1979, 1980, 1981, 1982, 1983, 1984, 1985, 1986,
+		1987, 1988, 1989, 1990, 1991, 1992, 1993, 1994, 1995, 1996,
+		1997, 1998, 1999, 2000, 2001, 2002, 2003, 2004, 2005, 2006,
+		2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016] ,
+	datasets: [
+		{
+			values: [132.9, 150.0, 149.4, 148.0, 94.4, 97.6, 54.1, 49.2, 22.5, 18.4,
+				39.3, 131.0, 220.1, 218.9, 198.9, 162.4, 91.0, 60.5, 20.6, 14.8,
+				33.9, 123.0, 211.1, 191.8, 203.3, 133.0, 76.1, 44.9, 25.1, 11.6,
+				28.9, 88.3, 136.3, 173.9, 170.4, 163.6, 99.3, 65.3, 45.8, 24.7,
+				12.6, 4.2, 4.8, 24.9, 80.8, 84.5, 94.0, 113.3, 69.8, 39.8]
+		}
+	]
+};
+
+export const moonData = {
+	names: ["Ganymede", "Callisto", "Io", "Europa"],
+	masses: [14819000, 10759000, 8931900, 4800000],
+	distances: [1070.412, 1882.709, 421.700, 671.034],
+	diameters: [5262.4, 4820.6, 3637.4, 3121.6],
+};
+
+// const jupiterMoons = {
+// 	'Ganymede': {
+// 		mass: '14819000 x 10^16 kg',
+// 		'semi-major-axis': '1070412 km',
+// 		'diameter': '5262.4 km'
+// 	},
+// 	'Callisto': {
+// 		mass: '10759000 x 10^16 kg',
+// 		'semi-major-axis': '1882709 km',
+// 		'diameter': '4820.6 km'
+// 	},
+// 	'Io': {
+// 		mass: '8931900 x 10^16 kg',
+// 		'semi-major-axis': '421700 km',
+// 		'diameter': '3637.4 km'
+// 	},
+// 	'Europa': {
+// 		mass: '4800000 x 10^16 kg',
+// 		'semi-major-axis': '671034 km',
+// 		'diameter': '3121.6 km'
+// 	},
+// };
+
+// ================================================================================
+
+let today = new Date();
+let start = new Date(today.getTime());
+let end = new Date(today.getTime());
+start.setFullYear( start.getFullYear() - 2 );
+end.setFullYear( start.getFullYear() - 1 );
+
+export let dataPoints = {};
+let current_date = new Date();
+let timestamp = current_date.getTime()/1000;
+timestamp = Math.floor(timestamp - (timestamp % 86400)).toFixed(1); // convert to midnight
+for (var i = 0; i< 375; i++) {
+	dataPoints[parseInt(timestamp)] = Math.floor(Math.random() * 5);
+	timestamp = Math.floor(timestamp - 86400).toFixed(1);
+}
+
+export const heatmapData = {
+	dataPoints: dataPoints,
+	start: start,
+	end: end
+};
diff --git a/docs/assets/js/frappe-charts.min.js b/docs/assets/js/frappe-charts.min.js
index d5a2456..ca034ab 100644
--- a/docs/assets/js/frappe-charts.min.js
+++ b/docs/assets/js/frappe-charts.min.js
@@ -1,2 +1,2 @@
-var frappe=function(t){"use strict";function e(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function i(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,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function r(t){return parseFloat(t.toFixed(2))}function o(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 l(t,e){return(t+"").length*e}function h(t,e){return{x:Math.sin(t*Dt)*e,y:Math.cos(t*Dt)*e}}function c(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(i=t-e,n=e),[i,n]}function u(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=o(t,i):e=o(e,i),[t,e]}function d(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function p(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)d(a).appendChild(i);else if("around"===n){var s=d(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":vt(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 f(t,e){return p("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function v(t,e,i,n){return p("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function g(t,e,i,n){return p("svg",{className:e,inside:t,width:i,height:n})}function y(t){return p("defs",{inside:t})}function m(t,e){return p("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function b(t){return p("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 x(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=i.x+t.x,r=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+s+" "+r+"\n\t\tA "+n+" "+n+" 0 0 "+(a?1:0)+"\n\t\t"+o+" "+l+" z"}function k(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=f(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),v(a,"0%",e,s[0]),v(a,"50%",e,s[1]),v(a,"100%",e,s[2]),n}function w(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(s).map(function(t){r[t]=s[t]}),p("rect",r)}function A(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:jt;return p("text",{className:t,x:e,y:i,dy:a/2+"px","font-size":a+"px",innerHTML:n})}function P(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=zt);var s=p("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=p("text",{x:0,y:i>n?i+Wt:i-Wt-jt,dy:jt+"px","font-size":jt+"px","text-anchor":"middle",innerHTML:e+""}),o=p("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function M(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=zt),a.lineType||(a.lineType="");var s=p("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=p("text",{x:i<n?i-Wt:i+Wt,y:0,dy:jt/2-2+"px","font-size":jt+"px","text-anchor":i<n?"end":"start",innerHTML:e+""}),o=p("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 L(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=zt),n.className||(n.className="");var a=-1*Et,s="span"===n.mode?i+Et:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Et,s=i),a+=n.offset,s+=n.offset,M(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function T(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=zt),n.className||(n.className="");var a=i+Et,s="span"===n.mode?-1*Et:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Et,s=0),P(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function O(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=p("text",{className:"chart-label",x:i-l(e,5)-Wt,y:0,dy:jt/-2+"px","font-size":jt+"px","text-anchor":"start",innerHTML:e+""}),s=M(t,"",0,i,{stroke:n.stroke||zt,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function C(t,e,i,n){var a=t-e,s=p("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:zt,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=p("text",{className:"chart-label",x:i-l(n+"",4.5)-Wt,y:0,dy:jt/-2+"px","font-size":jt+"px","text-anchor":"start",innerHTML:n+""}),o=p("g",{transform:"translate(0, "+e+")"});return o.appendChild(s),o.appendChild(r),o}function D(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=c(e,o.zeroLine),h=kt(l,2),u=h[0],d=h[1],f=p("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":s,x:t,y:d-=r,width:i,height:u||o.minHeight});if((a+="")||a.length){f.setAttribute("y",0),f.setAttribute("x",0);var v=p("text",{className:"data-point-value",x:i/2,y:0,dy:jt/2*-1+"px","font-size":jt+"px","text-anchor":"middle",innerHTML:a}),g=p("g",{"data-point-index":s,transform:"translate("+t+", "+d+")"});return g.appendChild(f),g.appendChild(v),g}return f}function N(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=p("circle",{style:"fill: "+n,"data-point-index":s,cx:t,cy:e,r:i});if((a+="")||a.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var o=p("text",{className:"data-point-value",x:0,y:0,dy:jt/2*-1-i+"px","font-size":jt+"px","text-anchor":"middle",innerHTML:a}),l=p("g",{"data-point-index":s,transform:"translate("+t+", "+e+")"});return l.appendChild(r),l.appendChild(o),l}return r}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]:{},s=e.map(function(e,i){return t[i]+","+e}).join("L"),r=b("M"+s,"line-graph-path",i);if(n.heatline){var o=k(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var h=k(a.svgDefs,i,!0),c="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=b(c,"region-fill","none","url(#"+h+")")}return l}function S(t){return t>255?255:t<0?0:t}function E(t,e){var i=It(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=S((a>>16)+e),r=S((a>>8&255)+e),o=S((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 j(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,Ut,"translate",{transform:a}]}function z(t,e,i){return j(t,[i,0],[e,0],Vt)}function F(t,e,i){return j(t,[0,i],[0,e],Vt)}function R(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},Vt,Ut],j(t,[0,n],[0,i],Vt)]}function H(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=c(i,(arguments.length>5&&void 0!==arguments[5]?arguments[5]:{}).zeroLine),r=kt(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},Gt,Ut],j(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],Vt)]:[[t,{width:n,height:o,x:e,y:l},Gt,Ut]]}function I(t,e,i){return"circle"!==t.nodeName?[j(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],Vt)]:[[t,{cx:e,cy:i},Gt,Ut]]}function G(t,e,i,n){var a=[],s=i.map(function(t,i){return e[i]+","+t}).join("L"),r=[t.path,{d:"M"+s},Yt,Ut];if(a.push(r),t.region){var o=e[0]+","+n+"L",l="L"+e.slice(-1)[0]+", "+n,h=[t.region,{d:"M"+o+s+l},Yt,Ut];a.push(h)}return a}function Y(t,e){return[t,{d:e},Gt,Ut]}function V(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],d={attributeName:l,from:c,to:u,begin:"0s",dur:i/1e3+"s",values:c+";"+u,keySplines:qt[n],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(d.type=a);for(var p in d)h.setAttribute(p,d[p]);r.appendChild(h),a?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[r,o]}function B(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function U(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=V.apply(void 0,wt(t)),l=kt(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 q(t,e,i){if(0!==i.length){var n=U(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},Bt)}}function X(t,e,i){var n=Object.keys(Qt).filter(function(e){return t.includes(e)}),a=Qt[n[0]];return Object.assign(a,{constants:e,getData:i}),new $t(a)}function J(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function K(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function $(t,e){return Math.ceil(Q(t,e)/7)}function Q(t,e){return(J(e)-J(t))/864e5}function Z(t,e){t.setDate(t.getDate()+e)}function tt(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=te[t];return e?i.slice(0,3):i}function et(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 it(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 nt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=et(t),n=kt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=it(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function at(t){function e(t,e){for(var i=nt(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,wt(t)),a=Math.min.apply(Math,wt(t)),s=[];if(n>=0&&a>=0)et(n)[1],s=i?nt(n,a):nt(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(et(n)[1],s=e(n,r)):(et(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);et(o)[1],s=(s=i?nt(o,l):nt(o)).reverse().map(function(t){return-1*t})}return s}function st(t){var e=rt(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 rt(t){return t[1]-t[0]}function ot(t){return t[t.length-1]-t[0]}function lt(t,e){return r(e.zeroLine-t*e.scaleMultiplier)}function ht(t,e){for(var i=Math.max.apply(Math,wt(t)),n=1/(e-1),a=[],s=0;s<e;s++){var r=i*(n*s);a.push(r)}return a}function ct(t,e){return e.filter(function(e){return e<t}).length}function ut(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){if(t.values){var n=t.values;n=(n=n.map(function(t){return isNaN(t)?0:t})).length>i?n.slice(0,i):o(n,i-n.length,0)}else t.values=a;t.chartType||(Ot.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end<t.start){var e=[t.end,t.start];t.start=e[0],t.end=e[1]}}),t}function dt(t){var e=t.labels.length,i=new Array(e).fill(0),n={labels:t.labels.slice(0,-1),datasets:t.datasets.map(function(t){return{name:"",values:i.slice(0,-1),chartType:t.chartType}})};return t.yMarkers&&(n.yMarkers=[{value:0,label:""}]),t.yRegions&&(n.yRegions=[{start:0,end:0,label:""}]),n}function pt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t/e.length/Ct;return e.map(function(t,e){return(t+="").length>n&&(i?e%Math.ceil(t.length/n)!=0&&(t=""):t=n-3>0?t.slice(0,n-3)+" ...":t.slice(0,n)+".."),t})}function ft(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new ie(e,i)):"bar"===t?(i.type="bar",new ie(e,i)):"axis-mixed"===t?(i.type="line",new ie(e,i)):ne[t]?new ne[t](e,i):void console.error("Undefined chart type: "+t)}!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.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{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px}.chart-container .graph-stats-container:after,.chart-container .graph-stats-container:before{content:"";display:block}.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{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}',{});var vt="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},gt=(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")}),yt=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}}(),mt=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)},bt=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)},xt=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},kt=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")}}(),wt=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)};e.create=function(t,i){var n=document.createElement(t);for(var a in i){var s=i[a];if("inside"===a)e(s).appendChild(n);else if("around"===a){var r=e(s);r.parentNode.insertBefore(n,r),n.appendChild(r)}else"styles"===a?"object"===(void 0===s?"undefined":vt(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 At=function(){function t(e){var i=e.parent,n=void 0===i?null:i,a=e.colors,s=void 0===a?[]:a;gt(this,t),this.parent=n,this.colors=s,this.titleName="",this.titleValue="",this.listValues=[],this.titleValueFirst=0,this.x=0,this.y=0,this.top=0,this.left=0,this.setup()}return yt(t,[{key:"setup",value:function(){this.makeTooltip()}},{key:"refresh",value:function(){this.fill(),this.calcPosition()}},{key:"makeTooltip",value:function(){var t=this;this.container=e.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.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hideTip()})}},{key:"fill",value:function(){var t=this,i=void 0;this.index&&this.container.setAttribute("data-point-index",this.index),i=this.titleValueFirst?"<strong>"+this.titleValue+"</strong>"+this.titleName:this.titleName+"<strong>"+this.titleValue+"</strong>",this.title.innerHTML=i,this.dataPointList.innerHTML="",this.listValues.map(function(i,n){var a=t.colors[n]||"black",s=e.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:"")});t.dataPointList.appendChild(s)})}},{key:"calcPosition",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:"setValues",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]:-1;this.titleName=i.name,this.titleValue=i.value,this.listValues=n,this.x=t,this.y=e,this.titleValueFirst=i.valueFirst||0,this.index=a,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),Pt=["line","scatter","bar","percentage","heatmap","pie"],Mt={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],percentage:["bar","line","scatter","pie"],heatmap:[]},Lt={bar:"datasets",line:"datasets",pie:"labels",percentage:"labels",heatmap:Nt},Tt=700,Ot=["line","bar"],Ct=7,Dt=Math.PI/180,Nt=5,_t=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],St={bar:_t,line:_t,pie:_t,percentage:_t,heatmap:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"]},Et=6,Wt=4,jt=10,zt="#dadada",Ft={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r"),a=t.getAttribute("fill");return i.setAttribute("r",parseInt(n)+4),i.setAttribute("fill",a),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i},heat_square:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r"),a=t.getAttribute("fill");return i.setAttribute("r",parseInt(n)+4),i.setAttribute("fill",a),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i}},Rt={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},heat_square:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},Ht={"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"},It=function(t){return Ht[t]||t},Gt=350,Yt=350,Vt=Gt,Bt=250,Ut="easein",qt={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"},Xt=function(){function t(e,i){if(gt(this,t),this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.rawChartArgs=i,this.title=i.title||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=this.validateColors(i.colors,this.type),this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.initTimeout=Tt,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return yt(t,[{key:"configure",value:function(){var t=this;this.setMargins(),window.addEventListener("resize",function(){return t.draw(!0)}),window.addEventListener("orientationchange",function(){return t.draw(!0)})}},{key:"validateColors",value:function(t,e){var i=[];return(t=(t||[]).concat(St[e])).forEach(function(t){var e=It(t);W(e)?i.push(e):console.warn('"'+t+'" is not a valid color.')}),i}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-70,this.topMargin=30,this.leftMargin=20,this.rightMargin=20}},{key:"setup",value:function(){this.makeContainer(),this.makeTooltip(),this.draw(!1,!0)}},{key:"setupComponents",value:function(){this.components=new Map}},{key:"makeContainer",value:function(){this.parent.innerHTML="",this.container=e.create("div",{inside:this.parent,className:"chart-container"})}},{key:"makeTooltip",value:function(){this.tip=new At({parent:this.container,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],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},this.initTimeout)),e||this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=a(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{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(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(q(this.container,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.container.removeChild(this.svg);var t=0,e=0;this.title.length&&(t=30),this.showLegend&&(e=30),this.svg=g(this.container,"frappe-chart chart",this.baseWidth,this.baseHeight+t+e),this.svgDefs=y(this.svg),this.title.length&&(this.titleEL=A("title",this.leftMargin-Et,this.topMargin,this.title,11),this.svg.appendChild(this.titleEL));var i=this.topMargin+t;this.drawArea=m(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+i+")"),i=this.baseHeight+t,this.legendArea=m(this.svg,"chart-legend","translate("+this.leftMargin+", "+i+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){n(t.container)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"addDataPoint",value:function(){}},{key:"removeDataPoint",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(){}},{key:"updateDataset",value:function(){}},{key:"getDifferentChart",value:function(t){var e=this.type,i=this.rawChartArgs;if(t!==e){Pt.includes(t)||console.error("'"+t+"' is not a valid chart type."),Mt[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=Lt[e]===Lt[t];return i.type=t,i.colors=n?i.colors:void 0,new ae(this.parent,i)}}},{key:"unbindWindowEvents",value:function(){var t=this;window.removeEventListener("resize",function(){return t.draw(!0)}),window.removeEventListener("orientationchange",function(){return t.draw(!0)})}}]),t}(),Jt=function(t){function e(t,i){return gt(this,e),xt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i))}return bt(e,t),yt(e,[{key:"configure",value:function(t){mt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var n=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}),a=n;if(n.length>i){n.sort(function(t,e){return e[0]-t[0]}),a=n.slice(0,i-1);var s=0;n.slice(i-1).map(function(t){s+=t[0]}),a.push([s,"Rest"]),this.colors[i-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"renderLegend",value:function(){}}]),e}(Xt),Kt=function(t){function n(t,e){gt(this,n);var i=xt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.type="percentage",i.setup(),i}return bt(n,t),yt(n,[{key:"makeChartArea",value:function(){this.container.className+=" graph-focus-margin",this.container.style.marginTop="45px",this.svg=e.create("div",{className:"div",inside:this.container}),this.chart=e.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=e.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this,i=this.state;this.grandTotal=i.sliceTotals.reduce(function(t,e){return t+e},0),i.slices=[],i.sliceTotals.map(function(n,a){var s=e.create("div",{className:"progress-bar","data-index":a,inside:t.percentageBar,styles:{background:t.colors[a],width:100*n/t.grandTotal+"%"}});i.slices.push(s)})}},{key:"bindTooltip",value:function(){var t=this,e=this.state;this.container.addEventListener("mousemove",function(n){var a=n.target;if(a.classList.contains("progress-bar")){var s=a.getAttribute("data-index"),r=i(t.container),o=i(a),l=o.left-r.left+a.offsetWidth/2,h=o.top-r.top-6,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[s]:t.state.labels[s])+": ",u=(100*e.sliceTotals[s]/t.grandTotal).toFixed(1);t.tip.setValues(l,h,{name:c,value:u+"%"}),t.tip.showTip()}})}}]),n}(Jt),$t=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.animateElements;gt(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=h,this.store=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return yt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=m(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),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=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),Qt={pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var n=b(e,"pie-path","none",t.colors[i]);return n.style.transition="transform .3s;",n})},animateElements:function(t){return this.store.map(function(e,i){return Y(e,t.sliceStrings[i])})}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return L(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=u(n,e),r=kt(s,2);n=r[0],e=r[1];var o=u(a,i),l=kt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return F(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return T(i,t.calcLabels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,n=this.oldData.positions,a=this.oldData.calcLabels,s=u(n,e),r=kt(s,2);n=r[0],e=r[1];var o=u(a,i),l=kt(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return z(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return O(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=u(this.oldData,t),i=kt(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});return this.render(s.map(function(t,e){return{position:s[e],label:a[e]}})),this.store.map(function(t,e){return F(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return C(t.startPos,t.endPos,e.constants.width,t.label)})},animateElements:function(t){var e=u(this.oldData,t),i=kt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.endPos}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.startPos}),r=this.oldData.map(function(t){return t.endPos}),o=this.oldData.map(function(t){return t.startPos});this.render(r.map(function(t,e){return{startPos:o[e],endPos:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(R(t,s[e],n[e],r[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,n){return D(t.xPositions[n],i,t.barWidth,e.color,t.labels[n],n,t.offsets[n],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.offsets,a=t.labels,s=this.oldData.xPositions,r=this.oldData.yPositions,o=this.oldData.offsets,l=this.oldData.labels,h=u(s,e),c=kt(h,2);s=c[0],e=c[1];var d=u(r,i),p=kt(d,2);r=p[0],i=p[1];var f=u(o,n),v=kt(f,2);o=v[0],n=v[1];var g=u(l,a),y=kt(g,2);l=y[0],a=y[1],this.render({xPositions:s,yPositions:r,offsets:o,labels:a,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var m=[];return this.store.map(function(a,s){m=m.concat(H(a,e[s],i[s],t.barWidth,n[s],{zeroLine:t.zeroLine}))}),m}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=_(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return N(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=u(a,e),l=kt(o,2);a=l[0],e=l[1];var h=u(s,i),c=kt(h,2);s=c[0],i=c[1];var d=u(r,n),p=kt(d,2);r=p[0],n=p[1],this.render({xPositions:a,yPositions:s,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var f=[];return Object.keys(this.paths).length&&(f=f.concat(G(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){f=f.concat(I(t,e[n],i[n]))}),f}}},Zt=function(t){function e(t,i){gt(this,e);var n=xt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return n.type="pie",n.initTimeout=0,n.setup(),n}return bt(e,t),yt(e,[{key:"configure",value:function(t){mt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1}},{key:"prepareFirstData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;return this.init=1,t}},{key:"calc",value:function(){mt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this);var t=this.state;this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y,t.grandTotal=t.sliceTotals.reduce(function(t,e){return t+e},0),this.calcSlices()}},{key:"calcSlices",value:function(){var t=this,e=this.state,i=this.radius,n=this.clockWise,a=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var s=180-this.config.startAngle;e.sliceTotals.map(function(r,o){var l=s,c=r/e.grandTotal*360,u=n?-c:c,d=s+=u,p=h(l,i),f=h(d,i),v=t.init&&a[o],g=void 0,y=void 0;t.init?(g=v?v.startPosition:p,y=v?v.endPosition:p):(g=p,y=f);var m=x(g,y,t.center,t.radius,t.clockWise);e.sliceStrings.push(m),e.slicesProperties.push({startPosition:p,endPosition:f,value:r,total:e.grandTotal,startAngle:l,endAngle:d,angle:u})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["pieSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=X.apply(void 0,wt(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=h(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,e,n,a){if(t){var s=this.colors[e];if(n){B(t,this.calTranslateByAngle(this.state.slicesProperties[e])),t.style.fill=E(s,50);var r=i(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[e]:this.state.labels[e])+": ",c=(100*this.state.sliceTotals[e]/this.state.grandTotal).toFixed(1);this.tip.setValues(o,l,{name:h,value:c+"%"}),this.tip.showTip()}else B(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=s}}},{key:"bindTooltip",value:function(){this.container.addEventListener("mousemove",this.mouseMove),this.container.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("pieSlices").store,n=this.curActiveSliceIndex,a=this.curActiveSlice;if(i.includes(e)){var s=i.indexOf(e);this.hoverSlice(a,n,!1),this.curActiveSlice=e,this.curActiveSliceIndex=s,this.hoverSlice(e,s,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),e}(Jt),te=["January","February","March","April","May","June","July","August","September","October","November","December"],ee=function(t){function e(t,i){gt(this,e);var n=xt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return n.type="heatmap",n.dataPoints=i.data.dataPoints||{},n.discreteDomains=0===i.discreteDomains?0:1,n.countLabel=i.countLabel||"",n.setup(),n}return bt(e,t),yt(e,[{key:"configure",value:function(t){mt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.start=t.data.start,this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.firstWeekStart=new Date(this.start.toDateString()),this.lastWeekStart=new Date(this.today.toDateString()),7!==this.firstWeekStart.getDay()&&Z(this.firstWeekStart,-1*this.firstWeekStart.getDay()),7!==this.lastWeekStart.getDay()&&Z(this.lastWeekStart,-1*this.lastWeekStart.getDay()),this.no_of_cols=$(this.firstWeekStart+"",this.lastWeekStart+"")+1}},{key:"setMargins",value:function(){mt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this)}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+99),this.discreteDomains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){mt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=m(this.drawArea,"domain-label-group chart-label"),this.dataGroups=m(this.drawArea,"data-groups","translate(0, 20)")}},{key:"calc",value:function(){var t=this,e=Object.keys(this.dataPoints).map(function(e){return t.dataPoints[e]});this.distribution=ht(e,Nt)}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.firstWeekStart);this.weekCol=0,this.currentMonth=e.getMonth(),this.months=[this.currentMonth+""],this.monthWeeks={},this.monthStartPoints=[],this.monthWeeks[this.currentMonth]=0;for(var i=0;i<t;i++){var n=void 0,a=0,s=new Date(e),r=this.getWeekSquaresGroup(s,this.weekCol),o=kt(r,2);n=o[0],a=o[1],this.dataGroups.appendChild(n),this.weekCol+=1+parseInt(this.discreteDomains&&a),this.monthWeeks[this.currentMonth]++,a&&(this.currentMonth=(this.currentMonth+1)%12,this.months.push(this.currentMonth+""),this.monthWeeks[this.currentMonth]=1),Z(e,7)}this.renderMonthLabels()}},{key:"getWeekSquaresGroup",value:function(t,e){for(var i=this.today.getTime(),n=0,a=0,s=m(this.dataGroups,"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.dataPoints[u]&&(l=this.dataPoints[u]),this.dataPoints[Math.round(u)]&&(l=this.dataPoints[Math.round(u)]),l&&(h=ct(l,this.distribution));var d=12*(e+a),p={"data-date":K(t),"data-value":l,"data-day":t.getDay()},f=w("day",d,r,10,this.colors[h],p);s.appendChild(f);var v=new Date(t);if(Z(v,1),v.getTime()>i)break;v.getMonth()-t.getMonth()&&(n=1,this.discreteDomains&&(a=1),this.monthStartPoints.push(12*(e+a))),t=v}return[s,n]}},{key:"renderMonthLabels",value:function(){var t=this;this.months.shift(),this.monthStartPoints.shift(),this.months.pop(),this.monthStartPoints.pop(),this.monthStartPoints.map(function(e,i){var n=A("y-value-text",e+12,10,tt(t.months[i],!0));t.domainLabelGroup.appendChild(n)})}},{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=tt(parseInt(n[1])-1,!0),s=t.container.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.countLabel,u=" on "+a+" "+n[0]+", "+n[2];t.tip.setValues(l,h,{name:u,value:c,valueFirst:1},[]),t.tip.showTip()})})}},{key:"update",value:function(t){mt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(Xt),ie=function(t){function e(t,i){gt(this,e);var n=xt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return n.barOptions=i.barOptions||{},n.lineOptions=i.lineOptions||{},n.type=i.type||"line",n.init=1,n.setup(),n}return bt(e,t),yt(e,[{key:"configure",value:function(t){mt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||0,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){mt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=60,this.rightMargin=40}},{key:"prepareData",value:function(){return ut(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return dt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=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 r(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=at(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/ot(e),n=rt(e)*i,a=this.height-st(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return lt(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e){e.yPositions.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=lt(e.value,t.yAxis),e})),this.data.yRegions&&(this.state.yRegions=this.data.yRegions.map(function(e){return e.startPos=lt(e.start,t.yAxis),e.endPos=lt(e.end,t.yAxis),e}))}},{key:"getAllYValues",value:function(){var t,e=this,i="values";if(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]})})}var a=this.data.datasets.map(function(t){return t[i]});return this.data.yMarkers&&a.push(this.data.yMarkers.map(function(t){return t.value})),this.data.yRegions&&this.data.yRegions.map(function(t){a.push([t.end,t.start])}),(t=[]).concat.apply(t,wt(a))}},{key:"setupComponents",value:function(){var t=this,e=[["yAxis",{mode:this.config.yAxisMode,width:this.width},function(){return this.state.yAxis}.bind(this)],["xAxis",{mode:this.config.xAxisMode,height:this.height},function(){var t=this.state;return t.xAxis.calcLabels=pt(this.width,t.xAxis.labels,this.config.xIsSeries),t.xAxis}.bind(this)],["yRegions",{width:this.width,pos:"right"},function(){return this.state.yRegions}.bind(this)]],i=this.state.datasets.filter(function(t){return"bar"===t.chartType}),n=this.state.datasets.filter(function(t){return"line"===t.chartType}),a=i.map(function(e){var n=e.index;return["barGraph-"+e.index,{index:n,color:t.colors[n],stacked:t.barOptions.stacked,valuesOverPoints:t.config.valuesOverPoints,minHeight:.01*t.height},function(){var t=this.state,e=t.datasets[n],a=this.barOptions.stacked,s=this.barOptions.spaceRatio||.5,r=t.unitWidth*(1-s),o=r/(a?1:i.length),l=t.xAxis.positions.map(function(t){return t-r/2});a||(l=l.map(function(t){return t+o*n}));var h=new Array(t.datasetLength).fill("");this.config.valuesOverPoints&&(h=a&&e.index===t.datasets.length-1?e.cumulativeYs:e.values);var c=new Array(t.datasetLength).fill(0);return a&&(c=e.yPositions.map(function(t,i){return t-e.cumulativeYPos[i]})),{xPositions:l,yPositions:e.yPositions,offsets:c,labels:h,zeroLine:t.yAxis.zeroLine,barsWidth:r,barWidth:o}}.bind(t)]}),s=n.map(function(e){var i=e.index;return["lineGraph-"+e.index,{index:i,color:t.colors[i],svgDefs:t.svgDefs,heatline:t.lineOptions.heatline,regionFill:t.lineOptions.regionFill,hideDots:t.lineOptions.hideDots,hideLine:t.lineOptions.hideLine,valuesOverPoints:t.config.valuesOverPoints},function(){var t=this.state,e=t.datasets[i];return{xPositions:t.xAxis.positions,yPositions:e.yPositions,values:e.values,zeroLine:t.yAxis.zeroLine,radius:this.lineOptions.dotSize||4}}.bind(t)]}),r=[["yMarkers",{width:this.width,pos:"right"},function(){return this.state.yMarkers}.bind(this)]];e=e.concat(a,s,r);var o=["yMarkers","yRegions"];this.dataUnitComponents=[],this.components=new Map(e.filter(function(e){return!o.includes(e[0])||t.state[e[0]]}).map(function(e){var i=X.apply(void 0,wt(e));return(e[0].includes("lineGraph")||e[0].includes("barGraph"))&&t.dataUnitComponents.push(i),[e[0],i]}))}},{key:"bindTooltip",value:function(){var t=this;this.container.addEventListener("mousemove",function(e){var n=i(t.container),a=e.pageX-n.left-t.leftMargin;e.pageY-n.top-t.topMargin<t.height+2*t.topMargin?t.mapTooltipXPosition(a):t.tip.hideTip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this,i=this.state;if(i.yExtremes){var n=this.config.formatTooltipY,a=this.config.formatTooltipX,s=i.xAxis.labels;a&&a(s[0])&&(s=s.map(function(t){return a(t)})),n=n&&n(i.yAxis.labels[0])?n:0;for(var r=i.datasetLength-1;r>=0;r--){var o=i.xAxis.positions[r];if(t>o-i.unitWidth/2){var l=o+this.leftMargin,h=i.yExtremes[r]+this.topMargin,c=this.data.datasets.map(function(t,i){return{title:t.name,value:n?n(t.values[r]):t.values[r],color:e.colors[i]}});this.tip.setValues(l,h,{name:s[r],value:""},c,r),this.tip.showTip();break}}}}},{key:"renderLegend",value:function(){}},{key:"makeOverlay",value:function(){var t=this;if(this.init)return void(this.init=0);this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=Ft[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(){t.updateOverlay()})}},{key:"bindUnits",value:function(){var t=this;this.dataUnitComponents.map(function(e){e.units.map(function(e){e.addEventListener("click",function(){var i=e.getAttribute("data-point-index");t.setCurrentDataPoint(i)})})}),this.tip.container.addEventListener("click",function(){var e=t.tip.container.getAttribute("data-point-index");t.setCurrentDataPoint(e)})}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];Rt[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex,e=this.state;return{index:t,label:e.xAxis.labels[t],values:e.datasets.map(function(e){return e.values[t]})}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,s(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,i){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;mt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,i,n),this.data.labels.splice(n,0,t),this.data.datasets.map(function(t,e){t.values.splice(n,0,i[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;this.data.labels.length<=1||(mt(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))}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}},{key:"updateDatasets",value:function(t){this.data.datasets.map(function(e,i){t[i]&&(e.values=t[i])}),this.update(this.data)}}]),e}(Xt),ne={percentage:Kt,heatmap:ee,pie:Zt},ae=function t(e,i){return gt(this,t),ft(i.type,e,i)};return t.Chart=ae,t.PercentageChart=Kt,t.PieChart=Zt,t.Heatmap=ee,t.AxisChart=ie,t}({});
+var frappe=function(t){"use strict";function e(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function i(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,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function r(t){return parseFloat(t.toFixed(2))}function o(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 l(t,e){return(t+"").length*e}function h(t,e){return{x:Math.sin(t*Ct)*e,y:Math.cos(t*Ct)*e}}function c(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(i=t-e,n=e),[i,n]}function u(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=o(t,i):e=o(e,i),[t,e]}function d(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function p(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)d(a).appendChild(i);else if("around"===n){var s=d(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":vt(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 f(t,e){return p("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function v(t,e,i,n){return p("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function g(t,e,i,n){return p("svg",{className:e,inside:t,width:i,height:n})}function y(t){return p("defs",{inside:t})}function m(t,e){return p("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function b(t){return p("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 x(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=i.x+t.x,r=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+s+" "+r+"\n\t\tA "+n+" "+n+" 0 0 "+(a?1:0)+"\n\t\t"+o+" "+l+" z"}function k(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=f(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),v(a,"0%",e,s[0]),v(a,"50%",e,s[1]),v(a,"100%",e,s[2]),n}function w(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(s).map(function(t){r[t]=s[t]}),p("rect",r)}function A(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:jt;return p("text",{className:t,x:e,y:i,dy:a/2+"px","font-size":a+"px",innerHTML:n})}function P(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=zt);var s=p("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=p("text",{x:0,y:i>n?i+Wt:i-Wt-jt,dy:jt+"px","font-size":jt+"px","text-anchor":"middle",innerHTML:e+""}),o=p("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function M(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=zt),a.lineType||(a.lineType="");var s=p("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=p("text",{x:i<n?i-Wt:i+Wt,y:0,dy:jt/2-2+"px","font-size":jt+"px","text-anchor":i<n?"end":"start",innerHTML:e+""}),o=p("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 L(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=zt),n.className||(n.className="");var a=-1*Et,s="span"===n.mode?i+Et:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Et,s=i),a+=n.offset,s+=n.offset,M(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function T(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=zt),n.className||(n.className="");var a=i+Et,s="span"===n.mode?-1*Et:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Et,s=0),P(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function O(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=p("text",{className:"chart-label",x:i-l(e,5)-Wt,y:0,dy:jt/-2+"px","font-size":jt+"px","text-anchor":"start",innerHTML:e+""}),s=M(t,"",0,i,{stroke:n.stroke||zt,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function D(t,e,i,n){var a=t-e,s=p("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:zt,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=p("text",{className:"chart-label",x:i-l(n+"",4.5)-Wt,y:0,dy:jt/-2+"px","font-size":jt+"px","text-anchor":"start",innerHTML:n+""}),o=p("g",{transform:"translate(0, "+e+")"});return o.appendChild(s),o.appendChild(r),o}function C(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=c(e,o.zeroLine),h=kt(l,2),u=h[0],d=h[1],f=p("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":s,x:t,y:d-=r,width:i,height:u||o.minHeight});if((a+="")||a.length){f.setAttribute("y",0),f.setAttribute("x",0);var v=p("text",{className:"data-point-value",x:i/2,y:0,dy:jt/2*-1+"px","font-size":jt+"px","text-anchor":"middle",innerHTML:a}),g=p("g",{"data-point-index":s,transform:"translate("+t+", "+d+")"});return g.appendChild(f),g.appendChild(v),g}return f}function N(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=p("circle",{style:"fill: "+n,"data-point-index":s,cx:t,cy:e,r:i});if((a+="")||a.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var o=p("text",{className:"data-point-value",x:0,y:0,dy:jt/2*-1-i+"px","font-size":jt+"px","text-anchor":"middle",innerHTML:a}),l=p("g",{"data-point-index":s,transform:"translate("+t+", "+e+")"});return l.appendChild(r),l.appendChild(o),l}return r}function S(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=e.map(function(e,i){return t[i]+","+e}).join("L"),r=b("M"+s,"line-graph-path",i);if(n.heatline){var o=k(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var h=k(a.svgDefs,i,!0),c="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=b(c,"region-fill","none","url(#"+h+")")}return l}function _(t){return t>255?255:t<0?0:t}function E(t,e){var i=It(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=_((a>>16)+e),r=_((a>>8&255)+e),o=_((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 j(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,Ut,"translate",{transform:a}]}function z(t,e,i){return j(t,[i,0],[e,0],Vt)}function F(t,e,i){return j(t,[0,i],[0,e],Vt)}function R(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},Vt,Ut],j(t,[0,n],[0,i],Vt)]}function H(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=c(i,(arguments.length>5&&void 0!==arguments[5]?arguments[5]:{}).zeroLine),r=kt(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},Gt,Ut],j(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],Vt)]:[[t,{width:n,height:o,x:e,y:l},Gt,Ut]]}function I(t,e,i){return"circle"!==t.nodeName?[j(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],Vt)]:[[t,{cx:e,cy:i},Gt,Ut]]}function G(t,e,i,n){var a=[],s=i.map(function(t,i){return e[i]+","+t}).join("L"),r=[t.path,{d:"M"+s},Yt,Ut];if(a.push(r),t.region){var o=e[0]+","+n+"L",l="L"+e.slice(-1)[0]+", "+n,h=[t.region,{d:"M"+o+s+l},Yt,Ut];a.push(h)}return a}function Y(t,e){return[t,{d:e},Gt,Ut]}function V(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],d={attributeName:l,from:c,to:u,begin:"0s",dur:i/1e3+"s",values:c+";"+u,keySplines:qt[n],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(d.type=a);for(var p in d)h.setAttribute(p,d[p]);r.appendChild(h),a?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[r,o]}function B(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function U(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=V.apply(void 0,wt(t)),l=kt(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 q(t,e,i){if(0!==i.length){var n=U(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},Bt)}}function X(t,e,i){var n=Object.keys(Qt).filter(function(e){return t.includes(e)}),a=Qt[n[0]];return Object.assign(a,{constants:e,getData:i}),new $t(a)}function J(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function K(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function $(t,e){return Math.ceil(Q(t,e)/7)}function Q(t,e){return(J(e)-J(t))/864e5}function Z(t,e){t.setDate(t.getDate()+e)}function tt(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=te[t];return e?i.slice(0,3):i}function et(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 it(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 nt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=et(t),n=kt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=it(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function at(t){function e(t,e){for(var i=nt(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,wt(t)),a=Math.min.apply(Math,wt(t)),s=[];if(n>=0&&a>=0)et(n)[1],s=i?nt(n,a):nt(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(et(n)[1],s=e(n,r)):(et(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);et(o)[1],s=(s=i?nt(o,l):nt(o)).reverse().map(function(t){return-1*t})}return s}function st(t){var e=rt(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 rt(t){return t[1]-t[0]}function ot(t){return t[t.length-1]-t[0]}function lt(t,e){return r(e.zeroLine-t*e.scaleMultiplier)}function ht(t,e){for(var i=Math.max.apply(Math,wt(t)),n=1/(e-1),a=[],s=0;s<e;s++){var r=i*(n*s);a.push(r)}return a}function ct(t,e){return e.filter(function(e){return e<t}).length}function ut(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){if(t.values){var n=t.values;n=(n=n.map(function(t){return isNaN(t)?0:t})).length>i?n.slice(0,i):o(n,i-n.length,0)}else t.values=a;t.chartType||(Ot.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end<t.start){var e=[t.end,t.start];t.start=e[0],t.end=e[1]}}),t}function dt(t){var e=t.labels.length,i=new Array(e).fill(0),n={labels:t.labels.slice(0,-1),datasets:t.datasets.map(function(t){return{name:"",values:i.slice(0,-1),chartType:t.chartType}})};return t.yMarkers&&(n.yMarkers=[{value:0,label:""}]),t.yRegions&&(n.yRegions=[{start:0,end:0,label:""}]),n}function pt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t/e.length/Dt;return e.map(function(t,e){return(t+="").length>n&&(i?e%Math.ceil(t.length/n)!=0&&(t=""):t=n-3>0?t.slice(0,n-3)+" ...":t.slice(0,n)+".."),t})}function ft(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new ie(e,i)):"bar"===t?(i.type="bar",new ie(e,i)):"axis-mixed"===t?(i.type="line",new ie(e,i)):ne[t]?new ne[t](e,i):void console.error("Undefined chart type: "+t)}!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.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{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px}.chart-container .graph-stats-container:after,.chart-container .graph-stats-container:before{content:"";display:block}.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{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}',{});var vt="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},gt=(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")}),yt=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}}(),mt=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)},bt=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)},xt=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},kt=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")}}(),wt=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)};e.create=function(t,i){var n=document.createElement(t);for(var a in i){var s=i[a];if("inside"===a)e(s).appendChild(n);else if("around"===a){var r=e(s);r.parentNode.insertBefore(n,r),n.appendChild(r)}else"styles"===a?"object"===(void 0===s?"undefined":vt(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 At=function(){function t(e){var i=e.parent,n=void 0===i?null:i,a=e.colors,s=void 0===a?[]:a;gt(this,t),this.parent=n,this.colors=s,this.titleName="",this.titleValue="",this.listValues=[],this.titleValueFirst=0,this.x=0,this.y=0,this.top=0,this.left=0,this.setup()}return yt(t,[{key:"setup",value:function(){this.makeTooltip()}},{key:"refresh",value:function(){this.fill(),this.calcPosition()}},{key:"makeTooltip",value:function(){var t=this;this.container=e.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.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hideTip()})}},{key:"fill",value:function(){var t=this,i=void 0;this.index&&this.container.setAttribute("data-point-index",this.index),i=this.titleValueFirst?"<strong>"+this.titleValue+"</strong>"+this.titleName:this.titleName+"<strong>"+this.titleValue+"</strong>",this.title.innerHTML=i,this.dataPointList.innerHTML="",this.listValues.map(function(i,n){var a=t.colors[n]||"black",s=e.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:"")});t.dataPointList.appendChild(s)})}},{key:"calcPosition",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:"setValues",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]:-1;this.titleName=i.name,this.titleValue=i.value,this.listValues=n,this.x=t,this.y=e,this.titleValueFirst=i.valueFirst||0,this.index=a,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),Pt=["line","scatter","bar","percentage","heatmap","pie"],Mt={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],percentage:["bar","line","scatter","pie"],heatmap:[]},Lt={bar:"datasets",line:"datasets",pie:"labels",percentage:"labels",heatmap:Nt},Tt=700,Ot=["line","bar"],Dt=7,Ct=Math.PI/180,Nt=5,St=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],_t={bar:St,line:St,pie:St,percentage:St,heatmap:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"]},Et=6,Wt=4,jt=10,zt="#dadada",Ft={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r"),a=t.getAttribute("fill");return i.setAttribute("r",parseInt(n)+4),i.setAttribute("fill",a),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i},heat_square:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r"),a=t.getAttribute("fill");return i.setAttribute("r",parseInt(n)+4),i.setAttribute("fill",a),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i}},Rt={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},heat_square:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},Ht={"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"},It=function(t){return Ht[t]||t},Gt=350,Yt=350,Vt=Gt,Bt=250,Ut="easein",qt={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"},Xt=function(){function t(e,i){if(gt(this,t),this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.rawChartArgs=i,this.title=i.title||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=this.validateColors(i.colors,this.type),this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.initTimeout=Tt,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return yt(t,[{key:"configure",value:function(){var t=this;this.setMargins(),window.addEventListener("resize",function(){return t.draw(!0)}),window.addEventListener("orientationchange",function(){return t.draw(!0)})}},{key:"validateColors",value:function(t,e){var i=[];return(t=(t||[]).concat(_t[e])).forEach(function(t){var e=It(t);W(e)?i.push(e):console.warn('"'+t+'" is not a valid color.')}),i}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-70,this.topMargin=10,this.leftMargin=20,this.rightMargin=20}},{key:"setup",value:function(){this.makeContainer(),this.makeTooltip(),this.draw(!1,!0)}},{key:"setupComponents",value:function(){this.components=new Map}},{key:"makeContainer",value:function(){this.parent.innerHTML="",this.container=e.create("div",{inside:this.parent,className:"chart-container"})}},{key:"makeTooltip",value:function(){this.tip=new At({parent:this.container,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],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.updateWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},this.initTimeout)),e||this.renderLegend(),this.setupNavigation(i)}},{key:"updateWidth",value:function(){this.baseWidth=a(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{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(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(q(this.container,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.container.removeChild(this.svg);var t=0,e=0;this.title.length&&(t=30),this.showLegend&&(e=30),this.svg=g(this.container,"frappe-chart chart",this.baseWidth,this.baseHeight+t+e),this.svgDefs=y(this.svg),this.title.length&&(this.titleEL=A("title",this.leftMargin-Et,this.topMargin,this.title,11),this.svg.appendChild(this.titleEL));var i=this.topMargin+t;this.drawArea=m(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+i+")"),i=this.baseHeight+t,this.legendArea=m(this.svg,"chart-legend","translate("+this.leftMargin+", "+i+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){n(t.container)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"addDataPoint",value:function(){}},{key:"removeDataPoint",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(){}},{key:"updateDataset",value:function(){}},{key:"getDifferentChart",value:function(t){var e=this.type,i=this.rawChartArgs;if(t!==e){Pt.includes(t)||console.error("'"+t+"' is not a valid chart type."),Mt[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=Lt[e]===Lt[t];return i.type=t,i.colors=n?i.colors:void 0,new ae(this.parent,i)}}},{key:"unbindWindowEvents",value:function(){var t=this;window.removeEventListener("resize",function(){return t.draw(!0)}),window.removeEventListener("orientationchange",function(){return t.draw(!0)})}}]),t}(),Jt=function(t){function e(t,i){return gt(this,e),xt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i))}return bt(e,t),yt(e,[{key:"configure",value:function(t){mt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var n=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}),a=n;if(n.length>i){n.sort(function(t,e){return e[0]-t[0]}),a=n.slice(0,i-1);var s=0;n.slice(i-1).map(function(t){s+=t[0]}),a.push([s,"Rest"]),this.colors[i-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"renderLegend",value:function(){}}]),e}(Xt),Kt=function(t){function n(t,e){gt(this,n);var i=xt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.type="percentage",i.setup(),i}return bt(n,t),yt(n,[{key:"makeChartArea",value:function(){this.container.className+=" graph-focus-margin",this.container.style.marginTop="45px",this.svg=e.create("div",{className:"div",inside:this.container}),this.chart=e.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=e.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this,i=this.state;this.grandTotal=i.sliceTotals.reduce(function(t,e){return t+e},0),i.slices=[],i.sliceTotals.map(function(n,a){var s=e.create("div",{className:"progress-bar","data-index":a,inside:t.percentageBar,styles:{background:t.colors[a],width:100*n/t.grandTotal+"%"}});i.slices.push(s)})}},{key:"bindTooltip",value:function(){var t=this,e=this.state;this.container.addEventListener("mousemove",function(n){var a=n.target;if(a.classList.contains("progress-bar")){var s=a.getAttribute("data-index"),r=i(t.container),o=i(a),l=o.left-r.left+a.offsetWidth/2,h=o.top-r.top-6,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[s]:t.state.labels[s])+": ",u=(100*e.sliceTotals[s]/t.grandTotal).toFixed(1);t.tip.setValues(l,h,{name:c,value:u+"%"}),t.tip.showTip()}})}}]),n}(Jt),$t=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.animateElements;gt(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=h,this.store=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return yt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=m(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),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=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),Qt={pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var n=b(e,"pie-path","none",t.colors[i]);return n.style.transition="transform .3s;",n})},animateElements:function(t){return this.store.map(function(e,i){return Y(e,t.sliceStrings[i])})}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return L(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=u(n,e),r=kt(s,2);n=r[0],e=r[1];var o=u(a,i),l=kt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return F(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return T(i,t.calcLabels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,n=this.oldData.positions,a=this.oldData.calcLabels,s=u(n,e),r=kt(s,2);n=r[0],e=r[1];var o=u(a,i),l=kt(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return z(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return O(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=u(this.oldData,t),i=kt(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});return this.render(s.map(function(t,e){return{position:s[e],label:a[e]}})),this.store.map(function(t,e){return F(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return D(t.startPos,t.endPos,e.constants.width,t.label)})},animateElements:function(t){var e=u(this.oldData,t),i=kt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.endPos}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.startPos}),r=this.oldData.map(function(t){return t.endPos}),o=this.oldData.map(function(t){return t.startPos});this.render(r.map(function(t,e){return{startPos:o[e],endPos:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(R(t,s[e],n[e],r[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,n){return C(t.xPositions[n],i,t.barWidth,e.color,t.labels[n],n,t.offsets[n],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.offsets,a=t.labels,s=this.oldData.xPositions,r=this.oldData.yPositions,o=this.oldData.offsets,l=this.oldData.labels,h=u(s,e),c=kt(h,2);s=c[0],e=c[1];var d=u(r,i),p=kt(d,2);r=p[0],i=p[1];var f=u(o,n),v=kt(f,2);o=v[0],n=v[1];var g=u(l,a),y=kt(g,2);l=y[0],a=y[1],this.render({xPositions:s,yPositions:r,offsets:o,labels:a,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var m=[];return this.store.map(function(a,s){m=m.concat(H(a,e[s],i[s],t.barWidth,n[s],{zeroLine:t.zeroLine}))}),m}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=S(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return N(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=u(a,e),l=kt(o,2);a=l[0],e=l[1];var h=u(s,i),c=kt(h,2);s=c[0],i=c[1];var d=u(r,n),p=kt(d,2);r=p[0],n=p[1],this.render({xPositions:a,yPositions:s,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var f=[];return Object.keys(this.paths).length&&(f=f.concat(G(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){f=f.concat(I(t,e[n],i[n]))}),f}}},Zt=function(t){function e(t,i){gt(this,e);var n=xt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return n.type="pie",n.initTimeout=0,n.setup(),n}return bt(e,t),yt(e,[{key:"configure",value:function(t){mt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1}},{key:"prepareFirstData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;return this.init=1,t}},{key:"calc",value:function(){mt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this);var t=this.state;this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y,t.grandTotal=t.sliceTotals.reduce(function(t,e){return t+e},0),this.calcSlices()}},{key:"calcSlices",value:function(){var t=this,e=this.state,i=this.radius,n=this.clockWise,a=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var s=180-this.config.startAngle;e.sliceTotals.map(function(r,o){var l=s,c=r/e.grandTotal*360,u=n?-c:c,d=s+=u,p=h(l,i),f=h(d,i),v=t.init&&a[o],g=void 0,y=void 0;t.init?(g=v?v.startPosition:p,y=v?v.endPosition:p):(g=p,y=f);var m=x(g,y,t.center,t.radius,t.clockWise);e.sliceStrings.push(m),e.slicesProperties.push({startPosition:p,endPosition:f,value:r,total:e.grandTotal,startAngle:l,endAngle:d,angle:u})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["pieSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=X.apply(void 0,wt(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=h(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,e,n,a){if(t){var s=this.colors[e];if(n){B(t,this.calTranslateByAngle(this.state.slicesProperties[e])),t.style.fill=E(s,50);var r=i(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[e]:this.state.labels[e])+": ",c=(100*this.state.sliceTotals[e]/this.state.grandTotal).toFixed(1);this.tip.setValues(o,l,{name:h,value:c+"%"}),this.tip.showTip()}else B(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=s}}},{key:"bindTooltip",value:function(){this.container.addEventListener("mousemove",this.mouseMove),this.container.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("pieSlices").store,n=this.curActiveSliceIndex,a=this.curActiveSlice;if(i.includes(e)){var s=i.indexOf(e);this.hoverSlice(a,n,!1),this.curActiveSlice=e,this.curActiveSliceIndex=s,this.hoverSlice(e,s,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),e}(Jt),te=["January","February","March","April","May","June","July","August","September","October","November","December"],ee=function(t){function e(t,i){gt(this,e);var n=xt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return n.type="heatmap",n.dataPoints=i.data.dataPoints||{},n.discreteDomains=0===i.discreteDomains?0:1,n.countLabel=i.countLabel||"",n.setup(),n}return bt(e,t),yt(e,[{key:"configure",value:function(t){mt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.start=t.data.start,this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.firstWeekStart=new Date(this.start.toDateString()),this.lastWeekStart=new Date(this.today.toDateString()),7!==this.firstWeekStart.getDay()&&Z(this.firstWeekStart,-1*this.firstWeekStart.getDay()),7!==this.lastWeekStart.getDay()&&Z(this.lastWeekStart,-1*this.lastWeekStart.getDay()),this.no_of_cols=$(this.firstWeekStart+"",this.lastWeekStart+"")+1}},{key:"updateWidth",value:function(){this.baseWidth=12*(this.no_of_cols+99),this.discreteDomains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){mt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=m(this.drawArea,"domain-label-group chart-label"),this.dataGroups=m(this.drawArea,"data-groups","translate(0, 20)")}},{key:"calc",value:function(){this.distribution=ht(Object.values(this.dataPoints),Nt)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.draw()}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.firstWeekStart);this.weekCol=0,this.currentMonth=e.getMonth(),this.months=[this.currentMonth+""],this.monthWeeks={},this.monthStartPoints=[],this.monthWeeks[this.currentMonth]=0;for(var i=0;i<t;i++){var n=void 0,a=0,s=new Date(e),r=this.getWeekSquaresGroup(s,this.weekCol),o=kt(r,2);n=o[0],a=o[1],this.dataGroups.appendChild(n),this.weekCol+=1+parseInt(this.discreteDomains&&a),this.monthWeeks[this.currentMonth]++,a&&(this.currentMonth=(this.currentMonth+1)%12,this.months.push(this.currentMonth+""),this.monthWeeks[this.currentMonth]=1),Z(e,7)}this.renderMonthLabels()}},{key:"getWeekSquaresGroup",value:function(t,e){for(var i=this.today.getTime(),n=0,a=0,s=m(this.dataGroups,"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.dataPoints[u]&&(l=this.dataPoints[u]),this.dataPoints[Math.round(u)]&&(l=this.dataPoints[Math.round(u)]),l&&(h=ct(l,this.distribution));var d=12*(e+a),p={"data-date":K(t),"data-value":l,"data-day":t.getDay()},f=w("day",d,r,10,this.colors[h],p);s.appendChild(f);var v=new Date(t);if(Z(v,1),v.getTime()>i)break;v.getMonth()-t.getMonth()&&(n=1,this.discreteDomains&&(a=1),this.monthStartPoints.push(12*(e+a))),t=v}return[s,n]}},{key:"renderMonthLabels",value:function(){var t=this;this.months.shift(),this.monthStartPoints.shift(),this.months.pop(),this.monthStartPoints.pop(),this.monthStartPoints.map(function(e,i){var n=A("y-value-text",e+12,10,tt(t.months[i],!0));t.domainLabelGroup.appendChild(n)})}},{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=tt(parseInt(n[1])-1,!0),s=t.container.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.countLabel,u=" on "+a+" "+n[0]+", "+n[2];t.tip.setValues(l,h,{name:u,value:c,valueFirst:1},[]),t.tip.showTip()})})}},{key:"update",value:function(t){mt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(Xt),ie=function(t){function e(t,i){gt(this,e);var n=xt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return n.barOptions=i.barOptions||{},n.lineOptions=i.lineOptions||{},n.type=i.type||"line",n.init=1,n.setup(),n}return bt(e,t),yt(e,[{key:"configure",value:function(t){mt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||0,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){mt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=60,this.rightMargin=40}},{key:"prepareData",value:function(){return ut(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return dt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=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 r(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=at(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/ot(e),n=rt(e)*i,a=this.height-st(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return lt(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e){e.yPositions.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=lt(e.value,t.yAxis),e})),this.data.yRegions&&(this.state.yRegions=this.data.yRegions.map(function(e){return e.startPos=lt(e.start,t.yAxis),e.endPos=lt(e.end,t.yAxis),e}))}},{key:"getAllYValues",value:function(){var t,e=this,i="values";if(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]})})}var a=this.data.datasets.map(function(t){return t[i]});return this.data.yMarkers&&a.push(this.data.yMarkers.map(function(t){return t.value})),this.data.yRegions&&this.data.yRegions.map(function(t){a.push([t.end,t.start])}),(t=[]).concat.apply(t,wt(a))}},{key:"setupComponents",value:function(){var t=this,e=[["yAxis",{mode:this.config.yAxisMode,width:this.width},function(){return this.state.yAxis}.bind(this)],["xAxis",{mode:this.config.xAxisMode,height:this.height},function(){var t=this.state;return t.xAxis.calcLabels=pt(this.width,t.xAxis.labels,this.config.xIsSeries),t.xAxis}.bind(this)],["yRegions",{width:this.width,pos:"right"},function(){return this.state.yRegions}.bind(this)]],i=this.state.datasets.filter(function(t){return"bar"===t.chartType}),n=this.state.datasets.filter(function(t){return"line"===t.chartType}),a=i.map(function(e){var n=e.index;return["barGraph-"+e.index,{index:n,color:t.colors[n],stacked:t.barOptions.stacked,valuesOverPoints:t.config.valuesOverPoints,minHeight:.01*t.height},function(){var t=this.state,e=t.datasets[n],a=this.barOptions.stacked,s=this.barOptions.spaceRatio||.5,r=t.unitWidth*(1-s),o=r/(a?1:i.length),l=t.xAxis.positions.map(function(t){return t-r/2});a||(l=l.map(function(t){return t+o*n}));var h=new Array(t.datasetLength).fill("");this.config.valuesOverPoints&&(h=a&&e.index===t.datasets.length-1?e.cumulativeYs:e.values);var c=new Array(t.datasetLength).fill(0);return a&&(c=e.yPositions.map(function(t,i){return t-e.cumulativeYPos[i]})),{xPositions:l,yPositions:e.yPositions,offsets:c,labels:h,zeroLine:t.yAxis.zeroLine,barsWidth:r,barWidth:o}}.bind(t)]}),s=n.map(function(e){var i=e.index;return["lineGraph-"+e.index,{index:i,color:t.colors[i],svgDefs:t.svgDefs,heatline:t.lineOptions.heatline,regionFill:t.lineOptions.regionFill,hideDots:t.lineOptions.hideDots,hideLine:t.lineOptions.hideLine,valuesOverPoints:t.config.valuesOverPoints},function(){var t=this.state,e=t.datasets[i];return{xPositions:t.xAxis.positions,yPositions:e.yPositions,values:e.values,zeroLine:t.yAxis.zeroLine,radius:this.lineOptions.dotSize||4}}.bind(t)]}),r=[["yMarkers",{width:this.width,pos:"right"},function(){return this.state.yMarkers}.bind(this)]];e=e.concat(a,s,r);var o=["yMarkers","yRegions"];this.dataUnitComponents=[],this.components=new Map(e.filter(function(e){return!o.includes(e[0])||t.state[e[0]]}).map(function(e){var i=X.apply(void 0,wt(e));return(e[0].includes("lineGraph")||e[0].includes("barGraph"))&&t.dataUnitComponents.push(i),[e[0],i]}))}},{key:"bindTooltip",value:function(){var t=this;this.container.addEventListener("mousemove",function(e){var n=i(t.container),a=e.pageX-n.left-t.leftMargin;e.pageY-n.top-t.topMargin<t.height+2*t.topMargin?t.mapTooltipXPosition(a):t.tip.hideTip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this,i=this.state;if(i.yExtremes){var n=this.config.formatTooltipY,a=this.config.formatTooltipX,s=i.xAxis.labels;a&&a(s[0])&&(s=s.map(function(t){return a(t)})),n=n&&n(i.yAxis.labels[0])?n:0;for(var r=i.datasetLength-1;r>=0;r--){var o=i.xAxis.positions[r];if(t>o-i.unitWidth/2){var l=o+this.leftMargin,h=i.yExtremes[r]+this.topMargin,c=this.data.datasets.map(function(t,i){return{title:t.name,value:n?n(t.values[r]):t.values[r],color:e.colors[i]}});this.tip.setValues(l,h,{name:s[r],value:""},c,r),this.tip.showTip();break}}}}},{key:"renderLegend",value:function(){}},{key:"makeOverlay",value:function(){var t=this;if(this.init)return void(this.init=0);this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=Ft[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(){t.updateOverlay()})}},{key:"bindUnits",value:function(){var t=this;this.dataUnitComponents.map(function(e){e.units.map(function(e){e.addEventListener("click",function(){var i=e.getAttribute("data-point-index");t.setCurrentDataPoint(i)})})}),this.tip.container.addEventListener("click",function(){var e=t.tip.container.getAttribute("data-point-index");t.setCurrentDataPoint(e)})}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];Rt[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex,e=this.state;return{index:t,label:e.xAxis.labels[t],values:e.datasets.map(function(e){return e.values[t]})}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,s(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,i){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;mt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,i,n),this.data.labels.splice(n,0,t),this.data.datasets.map(function(t,e){t.values.splice(n,0,i[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;this.data.labels.length<=1||(mt(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))}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}},{key:"updateDatasets",value:function(t){this.data.datasets.map(function(e,i){t[i]&&(e.values=t[i])}),this.update(this.data)}}]),e}(Xt),ne={percentage:Kt,heatmap:ee,pie:Zt},ae=function t(e,i){return gt(this,t),ft(i.type,e,i)};return t.Chart=ae,t.PercentageChart=Kt,t.PieChart=Zt,t.Heatmap=ee,t.AxisChart=ie,t}({});
 //# 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 73015c0..1f1404f 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/draw.js","../../../src/js/utils/colors.js","../../../src/js/utils/animate.js","../../../src/js/utils/animation.js","../../../src/js/objects/ChartComponents.js","../../../src/js/utils/date-utils.js","../../../src/js/utils/intervals.js","../../../src/js/utils/axis-chart-utils.js","../../../src/js/chart.js","../../../src/js/objects/SvgTip.js","../../../src/js/utils/constants.js","../../../src/js/charts/BaseChart.js","../../../src/js/charts/AggregationChart.js","../../../src/js/charts/PercentageChart.js","../../../src/js/charts/PieChart.js","../../../src/js/charts/Heatmap.js","../../../src/js/charts/AxisChart.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","import { ANGLE_RATIO } from './constants';\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) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n\nexport function getPositionByAngle(angle, radius) {\n\treturn {\n\t\tx:Math.sin(angle * ANGLE_RATIO) * radius,\n\t\ty:Math.cos(angle * ANGLE_RATIO) * radius,\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\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\textraCount = array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extraCount > 0) {\n\t\tarray1 = fillArray(array1, extraCount);\n\t} else {\n\t\tarray2 = fillArray(array2, extraCount);\n\t}\n\treturn [array1, array2];\n}\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { DOT_OVERLAY_SIZE_INCR } from './constants';\n\nexport const AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\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 makeArcPathStr(startPosition, endPosition, center, radius, clockWise=1){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\n\n\treturn `M${center.x} ${center.y}\n\t\tL${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 0 ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY} z`;\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');\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: fill\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, fontSize = FONT_SIZE) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (fontSize / 2) + 'px',\n\t\t'font-size': fontSize + '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\t// let 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 function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height || meta.minHeight // TODO: correct y for positive min height\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\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(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t};\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'heat_square': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n};\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'heat_square': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\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\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 { 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\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\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: old}\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 function animateBar(bar, x, yTop, width, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\nexport function animatePathStr(oldPath, pathStr) {\n\treturn [oldPath, {d: pathStr}, UNIT_ANIM_DUR, STD_EASING];\n}\n\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 { makeSVGGroup } from '../utils/draw';\nimport { makePath, xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar,\n\tanimateDot, animatePath, animatePathStr } 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\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\n\t\t\t? this.layerClass() : this.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.render(this.data);\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\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tpieSlices: {\n\t\tlayerClass: 'pie-slices',\n\t\tmakeElements(data) {\n\t\t\treturn data.sliceStrings.map((s, i) =>{\n\t\t\t\tlet slice = makePath(s, 'pie-path', 'none', data.colors[i]);\n\t\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\t\treturn slice;\n\t\t\t});\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\treturn this.store.map((slice, i) =>\n\t\t\t\tanimatePathStr(slice, newData.sliceStrings[i])\n\t\t\t);\n\t\t}\n\t},\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.calcLabels[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.calcLabels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.calcLabels;\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\tcalcLabels: 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\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.startPos, region.endPos, 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.endPos);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.startPos);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.endPos);\n\t\t\tlet oldStarts = this.oldData.map(d => d.startPos);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstartPos: oldStarts[i],\n\t\t\t\t\tendPos: 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\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i],\n\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tthis.units = [];\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n};\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t});\n\treturn new ChartComponent(config);\n}\n","// Playing around with dates\n\nexport const NO_OF_YEAR_MONTHS = 12;\nexport const NO_OF_DAYS_IN_WEEK = 7;\nexport const NO_OF_MILLIS = 1000;\n\nexport const MONTH_NAMES = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\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\nexport function getMonthName(i, short=false) {\n\tlet monthName = MONTH_NAMES[i];\n\treturn short ? monthName.slice(0, 3) : monthName;\n}\n","import { floatTwo } from './helpers';\n\nfunction 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 scale(val, yAxis) {\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier);\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","import { fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } 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=> {\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 type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t};\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}","import '../scss/charts.scss';\n\n// import 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\nconst chartTypes = {\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, 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](parent, options);\n}\n\nclass Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n\nexport { Chart, PercentageChart, PieChart, Heatmap, AxisChart };","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.titleName = '';\n\t\tthis.titleValue = '';\n\t\tthis.listValues = [];\n\t\tthis.titleValueFirst = 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.makeTooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calcPosition();\n\t\t// this.showTip();\n\t}\n\n\tmakeTooltip() {\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.hideTip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.dataPointList = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hideTip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.index) {\n\t\t\tthis.container.setAttribute('data-point-index', this.index);\n\t\t}\n\t\tif(this.titleValueFirst) {\n\t\t\ttitle = `<strong>${this.titleValue}</strong>${this.titleName}`;\n\t\t} else {\n\t\t\ttitle = `${this.titleName}<strong>${this.titleValue}</strong>`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.dataPointList.innerHTML = '';\n\n\t\tthis.listValues.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.dataPointList.appendChild(li);\n\t\t});\n\t}\n\n\tcalcPosition() {\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 maxLeft = 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 > maxLeft) {\n\t\t\tlet delta = this.left - maxLeft;\n\t\t\tlet pointerOffset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointerOffset;\n\n\t\t\tthis.left = maxLeft;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tsetValues(x, y, title = {}, listValues = [], index = -1) {\n\t\tthis.titleName = title.name;\n\t\tthis.titleValue = title.value;\n\t\tthis.listValues = listValues;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.titleValueFirst = title.valueFirst || 0;\n\t\tthis.index = index;\n\t\tthis.refresh();\n\t}\n\n\thideTip() {\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\tshowTip() {\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","export const ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nexport const COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\nexport const DATA_COLOR_DIVISIONS = {\n\tbar: 'datasets',\n\tline: 'datasets',\n\tpie: 'labels',\n\tpercentage: 'labels',\n\theatmap: HEATMAP_DISTRIBUTION_SIZE\n};\n\nexport const BASE_CHART_TOP_MARGIN = 30;\nexport const BASE_CHART_LEFT_MARGIN = 20;\nexport const BASE_CHART_RIGHT_MARGIN = 20;\n\nexport const Y_AXIS_LEFT_MARGIN = 60;\nexport const Y_AXIS_RIGHT_MARGIN = 40;\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const BAR_CHART_SPACE_RATIO = 0.5;\nexport const MIN_BAR_PERCENT_HEIGHT = 0.01;\n\nexport const LINE_CHART_DOT_SIZE = 4;\nexport const DOT_OVERLAY_SIZE_INCR = 4;\n\nexport const DEFAULT_CHAR_WIDTH = 7;\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;\n\n// Fixed 5-color theme,\n// More colors are difficult to parse visually\nexport const HEATMAP_DISTRIBUTION_SIZE = 5;\n\nexport const HEATMAP_SQUARE_SIZE = 10;\nexport const HEATMAP_GUTTER_SIZE = 2;\n\nconst HEATMAP_COLORS = ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\nconst DEFAULT_CHART_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\n\nexport const DEFAULT_COLORS = {\n\tbar: DEFAULT_CHART_COLORS,\n\tline: DEFAULT_CHART_COLORS,\n\tpie: DEFAULT_CHART_COLORS,\n\tpercentage: DEFAULT_CHART_COLORS,\n\theatmap: HEATMAP_COLORS\n};","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup, makeText, AXIS_TICK_LENGTH } from '../utils/draw';\nimport { BASE_CHART_TOP_MARGIN, BASE_CHART_LEFT_MARGIN,\n\tBASE_CHART_RIGHT_MARGIN, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT, DEFAULT_COLORS,\n\tALL_CHART_TYPES, COMPATIBLE_CHARTS, DATA_COLOR_DIVISIONS} from '../utils/constants';\nimport { getColor, isValidColor } from '../utils/colors';\nimport { runSMILAnimation } from '../utils/animation';\nimport { Chart } from '../chart';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\n\t\tthis.parent = typeof parent === 'string'\n\t\t\t? document.querySelector(parent)\n\t\t\t: parent;\n\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.title = options.title || '';\n\t\tthis.argHeight = options.height || 240;\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\n\t\tthis.colors = this.validateColors(options.colors, this.type);\n\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: options.showLegend || 1,\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1\n\t\t};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tthis.initTimeout = INIT_CHART_UPDATE_TIMEOUT;\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure() {\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.draw(true));\n\t\twindow.addEventListener('orientationchange', () => this.draw(true));\n\t}\n\n\tvalidateColors(colors, type) {\n\t\tconst validColors = [];\n\t\tcolors = (colors || []).concat(DEFAULT_COLORS[type]);\n\t\tcolors.forEach((string) => {\n\t\t\tconst color = getColor(string);\n\t\t\tif(!isValidColor(color)) {\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t} else {\n\t\t\t\tvalidColors.push(color);\n\t\t\t}\n\t\t});\n\t\treturn validColors;\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - 70;\n\t\tthis.topMargin = BASE_CHART_TOP_MARGIN;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = BASE_CHART_LEFT_MARGIN;\n\t\tthis.rightMargin = BASE_CHART_RIGHT_MARGIN;\n\t}\n\n\tsetup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tsetupComponents() {\n\t\tthis.components = new Map();\n\t}\n\n\tmakeContainer() {\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'chart-container'\n\t\t});\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.container,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.calcWidth();\n\t\tthis.calc(onlyWidthChange);\n\t\tthis.makeChartArea();\n\t\tthis.setupComponents();\n\n\t\tthis.components.forEach(c => c.setup(this.drawArea));\n\t\t// this.components.forEach(c => c.make());\n\t\tthis.render(this.components, false);\n\n\t\tif(init) {\n\t\t\tthis.data = this.realData;\n\t\t\tsetTimeout(() => {this.update();}, this.initTimeout);\n\t\t}\n\n\t\tif(!onlyWidthChange) {\n\t\t\tthis.renderLegend();\n\t\t}\n\n\t\tthis.setupNavigation(init);\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\n\t\tthis.width = this.baseWidth - (this.leftMargin + this.rightMargin);\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(data=this.data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tcalc() {} // builds state\n\n\trender(components=this.components, animate=true) {\n\t\tif(this.config.isNavigable) {\n\t\t\t// Remove all existing overlays\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\n\t\t\t// ref.parentNode.insertBefore(element, ref);\n\t\t}\n\t\tlet elementsToAnimate = [];\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tcomponents.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.container, this.svg, elementsToAnimate);\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomponents.forEach(c => c.make());\n\t\t\t\tthis.updateNav();\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\n\t\t} else {\n\t\t\tcomponents.forEach(c => c.make());\n\t\t\tthis.updateNav();\n\t\t}\n\t}\n\n\tupdateNav() {\n\t\tif(this.config.isNavigable) {\n\t\t\t// if(!this.overlayGuides){\n\t\t\tthis.makeOverlay();\n\t\t\tthis.bindUnits();\n\t\t\t// } else {\n\t\t\t// \tthis.updateOverlay();\n\t\t\t// }\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.container.removeChild(this.svg);\n\t\t}\n\n\t\tlet titleAreaHeight = 0;\n\t\tlet legendAreaHeight = 0;\n\t\tif(this.title.length) {\n\t\t\ttitleAreaHeight = 30;\n\t\t}\n\t\tif(this.showLegend) {\n\t\t\tlegendAreaHeight = 30;\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.container,\n\t\t\t'frappe-chart chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight + titleAreaHeight + legendAreaHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\tif(this.title.length) {\n\t\t\tthis.titleEL = makeText(\n\t\t\t\t'title',\n\t\t\t\tthis.leftMargin - AXIS_TICK_LENGTH,\n\t\t\t\tthis.topMargin,\n\t\t\t\tthis.title,\n\t\t\t\t11\n\t\t\t);\n\t\t\tthis.svg.appendChild(this.titleEL);\n\t\t}\n\n\t\tlet top = this.topMargin + titleAreaHeight;\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${top})`\n\t\t);\n\n\t\ttop = this.baseHeight + titleAreaHeight;\n\t\tthis.legendArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\t'chart-legend',\n\t\t\t`translate(${this.leftMargin}, ${top})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.container)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\taddDataPoint() {}\n\tremoveDataPoint() {}\n\n\tgetDataPoint() {}\n\tsetCurrentDataPoint() {}\n\n\tupdateDataset() {}\n\n\tgetDifferentChart(type) {\n\t\tconst currentType = this.type;\n\t\tlet args = this.rawChartArgs;\n\t\tif(type === currentType) return;\n\n\t\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t\t}\n\n\t\tif(!COMPATIBLE_CHARTS[currentType].includes(type)) {\n\t\t\tconsole.error(`'${currentType}' chart cannot be converted to a '${type}' chart.`);\n\t\t}\n\n\t\t// whether the new chart can use the existing colors\n\t\tconst useColor = DATA_COLOR_DIVISIONS[currentType] === DATA_COLOR_DIVISIONS[type];\n\n\t\t// Okay, this is anticlimactic\n\t\t// this function will need to actually be 'changeChartType(type)'\n\t\t// that will update only the required elements, but for now ...\n\n\t\targs.type = type;\n\t\targs.colors = useColor ? args.colors : undefined;\n\n\t\treturn new Chart(this.parent, args);\n\t}\n\n\tunbindWindowEvents(){\n\t\twindow.removeEventListener('resize', () => this.draw(true));\n\t\twindow.removeEventListener('orientationchange', () => this.draw(true));\n\t}\n}\n","import BaseChart from './BaseChart';\n\nexport default class AggregationChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\tthis.config.maxSlices = args.maxSlices || 20;\n\t\tthis.config.maxLegendPoints = args.maxLegendPoints || 20;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\t\tlet maxSlices = this.config.maxSlices;\n\t\ts.sliceTotals = [];\n\n\t\tlet allTotals = this.data.labels.map((label, 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, label];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = allTotals;\n\t\tif(allTotals.length > maxSlices) {\n\t\t\t// Prune and keep a grey area for rest as per maxSlices\n\t\t\tallTotals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = allTotals.slice(0, maxSlices-1);\n\t\t\tlet remaining = allTotals.slice(maxSlices-1);\n\n\t\t\tlet sumOfRemaining = 0;\n\t\t\tremaining.map(d => {sumOfRemaining += d[0];});\n\t\t\ttotals.push([sumOfRemaining, 'Rest']);\n\t\t\tthis.colors[maxSlices-1] = 'grey';\n\t\t}\n\n\t\ts.labels = [];\n\t\ttotals.map(d => {\n\t\t\ts.sliceTotals.push(d[0]);\n\t\t\ts.labels.push(d[1]);\n\t\t});\n\t}\n\n\trenderLegend() {\n\t\t// let s = this.state;\n\n\t\t// this.statsWrapper.textContent = '';\n\n\t\t// this.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\t// let xValues = s.labels;\n\t\t// this.legendTotals.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\">${xValues[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 AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'percentage';\n\n\t\tthis.setup();\n\t}\n\n\tmakeChartArea() {\n\t\tthis.container.className += ' ' + 'graph-focus-margin';\n\t\tthis.container.style.marginTop = '45px';\n\n\t\t// this.statsWrapper.className += ' ' + 'graph-focus-margin';\n\t\t// this.statsWrapper.style.marginBottom = '30px';\n\t\t// this.statsWrapper.style.paddingTop = '0px';\n\n\t\tthis.svg = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.container\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.svg\n\t\t});\n\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\trender() {\n\t\tlet s = this.state;\n\t\tthis.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\t\ts.slices = [];\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\t'data-index': i,\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.grandTotal + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\ts.slices.push(slice);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tlet slice = e.target;\n\t\t\tif(slice.classList.contains('progress-bar')) {\n\n\t\t\t\tlet i = slice.getAttribute('data-index');\n\t\t\t\tlet gOff = getOffset(this.container), pOff = getOffset(slice);\n\n\t\t\t\tlet x = pOff.left - gOff.left + slice.offsetWidth/2;\n\t\t\t\tlet y = pOff.top - gOff.top - 6;\n\t\t\t\tlet title = (this.formattedLabels && this.formattedLabels.length>0\n\t\t\t\t\t? this.formattedLabels[i] : this.state.labels[i]) + ': ';\n\t\t\t\tlet percent = (s.sliceTotals[i]*100/this.grandTotal).toFixed(1);\n\n\t\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\t\tthis.tip.showTip();\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makeArcPathStr } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { transform } from '../utils/animation';\nimport { FULL_ANGLE } from '../utils/constants';\n\nexport default class PieChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'pie';\n\t\tthis.initTimeout = 0;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.config.startAngle = args.startAngle || 0;\n\n\t\tthis.clockWise = args.clockWise || false;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\tthis.init = 1;\n\t\treturn data;\n\t}\n\n\tcalc() {\n\t\tsuper.calc();\n\t\tlet s = this.state;\n\n\t\tthis.center = {\n\t\t\tx: this.width / 2,\n\t\t\ty: this.height / 2\n\t\t};\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\n\n\t\ts.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\n\t\tthis.calcSlices();\n\t}\n\n\tcalcSlices() {\n\t\tlet s = this.state;\n\t\tconst { radius, clockWise } = this;\n\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\n\t\ts.sliceStrings = [];\n\t\ts.slicesProperties = [];\n\t\tlet curAngle = 180 - this.config.startAngle;\n\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\n\n\t\t\tlet curStart,curEnd;\n\t\t\tif(this.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 = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);\n\n\t\t\ts.sliceStrings.push(curPath);\n\t\t\ts.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: s.grandTotal,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\n\t\t});\n\t\tthis.init = 0;\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'pieSlices',\n\t\t\t\t{ },\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\n\t\t\t\t\t\tcolors: this.colors\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\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.state.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.state.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\n\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\tthis.tip.showTip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hideTip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tbindTooltip() {\n\t\tthis.container.addEventListener('mousemove', this.mouseMove);\n\t\tthis.container.addEventListener('mouseleave', this.mouseLeave);\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet slices = this.components.get('pieSlices').store;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tif(slices.includes(target)) {\n\t\t\tlet i = slices.indexOf(target);\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\n\t\t\tthis.curActiveSlice = target;\n\t\t\tthis.curActiveSliceIndex = i;\n\t\t\tthis.hoverSlice(target, i, true, e);\n\t\t} else {\n\t\t\tthis.mouseLeave();\n\t\t}\n\t}\n\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { makeSVGGroup, makeHeatSquare, makeText } from '../utils/draw';\nimport { addDays, getDdMmYyyy, getWeeksBetween, getMonthName,\n\tNO_OF_MILLIS, NO_OF_YEAR_MONTHS, NO_OF_DAYS_IN_WEEK } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { HEATMAP_DISTRIBUTION_SIZE, HEATMAP_SQUARE_SIZE,\n\tHEATMAP_GUTTER_SIZE } from '../utils/constants';\n\nconst COL_SIZE = HEATMAP_SQUARE_SIZE + HEATMAP_GUTTER_SIZE;\n\nexport default class Heatmap extends BaseChart {\n\tconstructor(parent, options) {\n\t\tsuper(parent, options);\n\t\tthis.type = 'heatmap';\n\n\t\tthis.dataPoints = options.data.dataPoints || {};\n\t\tthis.discreteDomains = options.discreteDomains === 0 ? 0 : 1;\n\t\tthis.countLabel = options.countLabel || '';\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\tthis.start = args.data.start;\n\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.firstWeekStart = new Date(this.start.toDateString());\n\t\tthis.lastWeekStart = new Date(this.today.toDateString());\n\t\tif(this.firstWeekStart.getDay() !== NO_OF_DAYS_IN_WEEK) {\n\t\t\taddDays(this.firstWeekStart, (-1) * this.firstWeekStart.getDay());\n\t\t}\n\t\tif(this.lastWeekStart.getDay() !== NO_OF_DAYS_IN_WEEK) {\n\t\t\taddDays(this.lastWeekStart, (-1) * this.lastWeekStart.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.firstWeekStart + '', this.lastWeekStart + '') + 1;\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\t// this.leftMargin = HEATMAP_SQUARE_SIZE;\n\t\t// this.topMargin = HEATMAP_SQUARE_SIZE;\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 99) * COL_SIZE;\n\n\t\tif(this.discreteDomains) {\n\t\t\tthis.baseWidth += (COL_SIZE * NO_OF_YEAR_MONTHS);\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tsuper.makeChartArea();\n\t\tthis.domainLabelGroup = makeSVGGroup(this.drawArea,\n\t\t\t'domain-label-group chart-label');\n\n\t\tthis.dataGroups = makeSVGGroup(this.drawArea,\n\t\t\t'data-groups',\n\t\t\t`translate(0, 20)`\n\t\t);\n\t}\n\n\tcalc() {\n\t\tlet dataValues = Object.keys(this.dataPoints).map(key => this.dataPoints[key]);\n\t\tthis.distribution = calcDistribution(dataValues, HEATMAP_DISTRIBUTION_SIZE);\n\t}\n\n\trender() {\n\t\tthis.renderAllWeeksAndStoreXValues(this.no_of_cols);\n\t}\n\n\trenderAllWeeksAndStoreXValues(no_of_weeks) {\n\t\t// renderAllWeeksAndStoreXValues\n\t\tthis.domainLabelGroup.textContent = '';\n\t\tthis.dataGroups.textContent = '';\n\n\t\tlet currentWeekSunday = new Date(this.firstWeekStart);\n\t\tthis.weekCol = 0;\n\t\tthis.currentMonth = currentWeekSunday.getMonth();\n\n\t\tthis.months = [this.currentMonth + ''];\n\t\tthis.monthWeeks = {},\n\t\tthis.monthStartPoints = [];\n\t\tthis.monthWeeks[this.currentMonth] = 0;\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet dataGroup, monthChange = 0;\n\t\t\tlet day = new Date(currentWeekSunday);\n\n\t\t\t[dataGroup, monthChange] = this.getWeekSquaresGroup(day, this.weekCol);\n\t\t\tthis.dataGroups.appendChild(dataGroup);\n\t\t\tthis.weekCol += 1 + parseInt(this.discreteDomains && monthChange);\n\t\t\tthis.monthWeeks[this.currentMonth]++;\n\t\t\tif(monthChange) {\n\t\t\t\tthis.currentMonth = (this.currentMonth + 1) % NO_OF_YEAR_MONTHS;\n\t\t\t\tthis.months.push(this.currentMonth + '');\n\t\t\t\tthis.monthWeeks[this.currentMonth] = 1;\n\t\t\t}\n\t\t\taddDays(currentWeekSunday, NO_OF_DAYS_IN_WEEK);\n\t\t}\n\t\tthis.renderMonthLabels();\n\t}\n\n\tgetWeekSquaresGroup(currentDate, index) {\n\t\tconst step = 1;\n\t\tconst todayTime = this.today.getTime();\n\n\t\tlet monthChange = 0;\n\t\tlet weekColChange = 0;\n\n\t\tlet dataGroup = makeSVGGroup(this.dataGroups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < NO_OF_DAYS_IN_WEEK; i += step, y += COL_SIZE) {\n\t\t\tlet dataValue = 0;\n\t\t\tlet colorIndex = 0;\n\n\t\t\tlet currentTimestamp = currentDate.getTime()/NO_OF_MILLIS;\n\t\t\tlet timestamp = Math.floor(currentTimestamp - (currentTimestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.dataPoints[timestamp]) {\n\t\t\t\tdataValue = this.dataPoints[timestamp];\n\t\t\t}\n\n\t\t\tif(this.dataPoints[Math.round(timestamp)]) {\n\t\t\t\tdataValue = this.dataPoints[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(dataValue) {\n\t\t\t\tcolorIndex = getMaxCheckpoint(dataValue, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = (index + weekColChange) * COL_SIZE;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(currentDate),\n\t\t\t\t'data-value': dataValue,\n\t\t\t\t'data-day': currentDate.getDay()\n\t\t\t};\n\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, HEATMAP_SQUARE_SIZE,\n\t\t\t\tthis.colors[colorIndex], dataAttr);\n\n\t\t\tdataGroup.appendChild(heatSquare);\n\n\t\t\tlet nextDate = new Date(currentDate);\n\t\t\taddDays(nextDate, 1);\n\t\t\tif(nextDate.getTime() > todayTime) break;\n\n\n\t\t\tif(nextDate.getMonth() - currentDate.getMonth()) {\n\t\t\t\tmonthChange = 1;\n\t\t\t\tif(this.discreteDomains) {\n\t\t\t\t\tweekColChange = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.monthStartPoints.push((index + weekColChange) * COL_SIZE);\n\t\t\t}\n\t\t\tcurrentDate = nextDate;\n\t\t}\n\n\t\treturn [dataGroup, monthChange];\n\t}\n\n\trenderMonthLabels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.firstWeekStart.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.monthStartPoints.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.monthStartPoints.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.monthStartPoints.shift();\n\t\tthis.months.pop();\n\t\tthis.monthStartPoints.pop();\n\n\t\tthis.monthStartPoints.map((start, i) => {\n\t\t\tlet month_name = getMonthName(this.months[i], true);\n\t\t\tlet text = makeText('y-value-text', start + COL_SIZE, HEATMAP_SQUARE_SIZE, month_name);\n\t\t\tthis.domainLabelGroup.appendChild(text);\n\t\t});\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 dateParts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = getMonthName(parseInt(dateParts[1])-1, true);\n\n\t\t\t\tlet gOff = this.container.getBoundingClientRect(), pOff = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = pOff.left - gOff.left + (width+2)/2;\n\t\t\t\tlet y = pOff.top - gOff.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.countLabel;\n\t\t\t\tlet name = ' on ' + month + ' ' + dateParts[0] + ', ' + dateParts[2];\n\n\t\t\t\tthis.tip.setValues(x, y, {name: name, value: value, valueFirst: 1}, []);\n\t\t\t\tthis.tip.showTip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tsuper.update(data);\n\t\tthis.bindTooltip();\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\nimport { Y_AXIS_LEFT_MARGIN, Y_AXIS_RIGHT_MARGIN } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset, fire } from '../utils/dom';\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale } from '../utils/intervals';\nimport { floatTwo } from '../utils/helpers';\nimport { makeOverlay, updateOverlay } from '../utils/draw';\nimport { MIN_BAR_PERCENT_HEIGHT, BAR_CHART_SPACE_RATIO, LINE_CHART_DOT_SIZE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\n\t\tthis.barOptions = args.barOptions || {};\n\t\tthis.lineOptions = args.lineOptions || {};\n\n\t\tthis.type = args.type || 'line';\n\t\tthis.init = 1;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\targs.axisOptions = args.axisOptions || {};\n\t\targs.tooltipOptions = args.tooltipOptions || {};\n\n\t\tthis.config.xAxisMode = args.axisOptions.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = args.axisOptions.yAxisMode || 'span';\n\t\tthis.config.xIsSeries = args.axisOptions.xIsSeries || 0;\n\n\t\tthis.config.formatTooltipX = args.tooltipOptions.formatTooltipX;\n\t\tthis.config.formatTooltipY = args.tooltipOptions.formatTooltipY;\n\n\t\tthis.config.valuesOverPoints = args.valuesOverPoints;\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = Y_AXIS_LEFT_MARGIN;\n\t\tthis.rightMargin = Y_AXIS_RIGHT_MARGIN;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn zeroDataPrep(data);\n\t}\n\n\tcalc(onlyWidthChange = false) {\n\t\tthis.calcXPositions();\n\t\tif(onlyWidthChange) return;\n\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\n\t}\n\n\tcalcXPositions() {\n\t\tlet 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\t// // For a pure Line Chart\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\n\t\t// s.xOffset = 0;\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\t// Dependent if above changes\n\t\tthis.calcDatasetPoints();\n\t\tthis.calcYExtremes();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcDatasetPoints() {\n\t\tlet s = this.state;\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\n\n\t\ts.datasets = this.data.datasets.map((d, i) => {\n\t\t\tlet values = d.values;\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\n\t\t\treturn {\n\t\t\t\tname: d.name,\n\t\t\t\tindex: i,\n\t\t\t\tchartType: d.chartType,\n\n\t\t\t\tvalues: values,\n\t\t\t\tyPositions: scaleAll(values),\n\n\t\t\t\tcumulativeYs: cumulativeYs,\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\n\t\t\t};\n\t\t});\n\t}\n\n\tcalcYExtremes() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\ts.datasets.map(d => {\n\t\t\td.yPositions.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\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 = scale(d.value, s.yAxis);\n\t\t\t\t// if(!d.label.includes(':')) {\n\t\t\t\t// \td.label += ': ' + d.value;\n\t\t\t\t// }\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\td.startPos = scale(d.start, s.yAxis);\n\t\t\t\td.endPos = scale(d.end, s.yAxis);\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.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\tlet allValueLists = this.data.datasets.map(d => d[key]);\n\t\tif(this.data.yMarkers) {\n\t\t\tallValueLists.push(this.data.yMarkers.map(d => d.value));\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.data.yRegions.map(d => {\n\t\t\t\tallValueLists.push([d.end, d.start]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...allValueLists);\n\t}\n\n\tsetupComponents() {\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.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\tfunction() {\n\t\t\t\t\treturn this.state.yAxis;\n\t\t\t\t}.bind(this)\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.config.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\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\n\n\t\t\t\t\treturn s.xAxis;\n\t\t\t\t}.bind(this)\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\tfunction() {\n\t\t\t\t\treturn this.state.yRegions;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\t\t];\n\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\n\n\t\tlet barsConfigs = barDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'barGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tstacked: this.barOptions.stacked,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\n\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\n\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\n\t\t\t\t\tif(!stacked) {\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\n\t\t\t\t\tif(this.config.valuesOverPoints) {\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlabels = d.values;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\n\t\t\t\t\tif(stacked) {\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: xPositions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\t\t\t\t\t\toffsets: offsets,\n\t\t\t\t\t\t// values: d.values,\n\t\t\t\t\t\tlabels: labels,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tbarsWidth: barsWidth,\n\t\t\t\t\t\tbarWidth: barWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet lineConfigs = lineDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'lineGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tsvgDefs: this.svgDefs,\n\t\t\t\t\theatline: this.lineOptions.heatline,\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xAxis.positions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\n\t\t\t\t\t\tvalues: d.values,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet markerConfigs = [\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\tfunction() {\n\t\t\t\t\treturn this.state.yMarkers;\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\n\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.dataUnitComponents = [];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\n\t\t\t\t\tthis.dataUnitComponents.push(component);\n\t\t\t\t}\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.container);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.topMargin;\n\n\t\t\tif(relY < this.height + this.topMargin * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hideTip();\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 formatY = this.config.formatTooltipY;\n\t\tlet formatX = this.config.formatTooltipX;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(formatX && formatX(titles[0])) {\n\t\t\ttitles = titles.map(d=>formatX(d));\n\t\t}\n\n\t\tformatY = formatY && formatY(s.yAxis.labels[0]) ? formatY : 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.leftMargin;\n\t\t\t\tlet y = s.yExtremes[i] + this.topMargin;\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.name,\n\t\t\t\t\t\tvalue: formatY ? formatY(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.setValues(x, y, {name: titles[i], value: ''}, values, i);\n\t\t\t\tthis.tip.showTip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\trenderLegend() {\n\t\t// let s = this.data;\n\t\t// this.statsWrapper.textContent = '';\n\n\t\t// if(s.datasets.length > 1) {\n\t\t// \ts.datasets.map((d, i) => {\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${d.name}\n\t\t// \t\t</span>`;\n\t\t// \t});\n\t\t// }\n\t}\n\n\tmakeOverlay() {\n\t\tif(this.init) {\n\t\t\tthis.init = 0;\n\t\t\treturn;\n\t\t}\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t};\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t});\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\tthis.parent.addEventListener('data-select', () => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits() {\n\t\tthis.dataUnitComponents.map(c => {\n\t\t\tc.units.map(unit => {\n\t\t\t\tunit.addEventListener('click', () => {\n\t\t\t\t\tlet index = unit.getAttribute('data-point-index');\n\t\t\t\t\tthis.setCurrentDataPoint(index);\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\n\t\t// Note: Doesn't work as tooltip is absolutely positioned\n\t\tthis.tip.container.addEventListener('click', () => {\n\t\t\tlet index = this.tip.container.getAttribute('data-point-index');\n\t\t\tthis.setCurrentDataPoint(index);\n\t\t});\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t});\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\tlet s = this.state;\n\t\tlet data_point = {\n\t\t\tindex: index,\n\t\t\tlabel: s.xAxis.labels[index],\n\t\t\tvalues: s.datasets.map(d => d.values[index])\n\t\t};\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\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\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tif (this.data.labels.length <= 1) {\n\t\t\treturn;\n\t\t}\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\tupdateDataset(datasetValues, index=0) {\n\t\tthis.data.datasets[index].values = datasetValues;\n\t\tthis.update(this.data);\n\t}\n\t// addDataset(dataset, index) {}\n\t// removeDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\tif(datasets[i]) {\n\t\t\t\td.values = datasets[i];\n\t\t\t}\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\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","fire","target","type","properties","evt","createEvent","initEvent","j","dispatchEvent","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getPositionByAngle","angle","radius","sin","ANGLE_RATIO","cos","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extraCount","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","makePath","pathStr","makeArcPathStr","startPosition","endPosition","center","clockWise","arcStartX","x","arcStartY","arcEndX","arcEndY","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","size","data","args","key","makeText","content","fontSize","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","yLine","pos","mode","AXIS_TICK_LENGTH","xLine","yMarker","labelSvg","yRegion","region","datasetBar","index","meta","minHeight","group","datasetDot","dot","getPaths","xList","yList","pointsStr","join","path","heatline","gradient_id","svgDefs","paths","regionFill","gradient_id_region","slice","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","translate","unit","oldCoord","newCoord","duration","old","transform","STD_EASING","translateVertLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","nodeName","UNIT_ANIM_DUR","split","animateDot","cx","cy","animatePath","newXList","newYList","pathComponents","animPath","PATH_ANIM_DUR","push","regStartPt","regEndPt","animRegion","animatePathStr","oldPath","animateSVGElement","props","dur","easingType","undefined","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","getComponent","name","constants","getData","Object","componentConfigs","filter","includes","k","config","assign","ChartComponent","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","ceil","getDaysBetween","addDays","numberOfDays","setDate","getMonthName","short","monthName","MONTH_NAMES","normalize","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getChartByType","AxisChart","chartTypes","error","create","createElement","SvgTip","colors","titleName","titleValue","listValues","titleValueFirst","setup","makeTooltip","calcPosition","container","this","hideTip","title","dataPointList","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","maxLeft","pointer","pointerOffset","valueFirst","refresh","ALL_CHART_TYPES","COMPATIBLE_CHARTS","DATA_COLOR_DIVISIONS","HEATMAP_DISTRIBUTION_SIZE","INIT_CHART_UPDATE_TIMEOUT","PI","DEFAULT_CHART_COLORS","DEFAULT_COLORS","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","PRESET_COLOR_MAP","BaseChart","HTMLElement","Error","rawChartArgs","argHeight","prepareData","prepareFirstData","validateColors","showLegend","isNavigable","state","initTimeout","overlays","configure","setMargins","_this","draw","validColors","forEach","warn","baseHeight","topMargin","leftMargin","rightMargin","makeContainer","components","Map","tip","bindTooltip","onlyWidthChange","init","calcWidth","calc","makeChartArea","setupComponents","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","svg","make","updateNav","bindUnits","titleAreaHeight","legendAreaHeight","titleEL","legendArea","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","currentType","useColor","Chart","removeEventListener","_this5","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","a","sumOfRemaining","PercentageChart","marginTop","chart","percentageBar","grandTotal","reduce","slices","classList","contains","gOff","_this3","pOff","formattedLabels","percent","setValues","showTip","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","textContent","sliceStrings","transition","newData","positions","position","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","startPos","endPos","newStarts","oldStarts","unitType","units","yPositions","xPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","PieChart","mouseMove","mouseLeave","hoverRadio","startAngle","calcSlices","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","component","property","flag","calTranslateByAngle","g_off","pageX","pageY","formatted_labels","get","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","dataPoints","discreteDomains","countLabel","today","setFullYear","firstWeekStart","toDateString","lastWeekStart","getDay","no_of_cols","HEATMAP_SQUARE_SIZE","COL_SIZE","domainLabelGroup","dataGroups","dataValues","renderAllWeeksAndStoreXValues","no_of_weeks","currentWeekSunday","weekCol","currentMonth","months","monthWeeks","monthStartPoints","dataGroup","monthChange","day","getWeekSquaresGroup","renderMonthLabels","currentDate","todayTime","getTime","weekColChange","dataValue","colorIndex","currentTimestamp","timestamp","round","dataAttr","heatSquare","nextDate","shift","pop","prototype","call","querySelectorAll","dateParts","month","barOptions","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","unitWidth","xOffset","xAxis","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","allValueLists","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","relX","mapTooltipXPosition","formatY","formatX","titles","xVal","overlayGuides","currentIndex","currentUnit","_this6","setCurrentDataPoint","_this8","_this9","getDataPoint","datasetValues","splice"],"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/draw.js","../../../src/js/utils/colors.js","../../../src/js/utils/animate.js","../../../src/js/utils/animation.js","../../../src/js/objects/ChartComponents.js","../../../src/js/utils/date-utils.js","../../../src/js/utils/intervals.js","../../../src/js/utils/axis-chart-utils.js","../../../src/js/chart.js","../../../src/js/objects/SvgTip.js","../../../src/js/utils/constants.js","../../../src/js/charts/BaseChart.js","../../../src/js/charts/AggregationChart.js","../../../src/js/charts/PercentageChart.js","../../../src/js/charts/PieChart.js","../../../src/js/charts/Heatmap.js","../../../src/js/charts/AxisChart.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","import { ANGLE_RATIO } from './constants';\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) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n\nexport function getPositionByAngle(angle, radius) {\n\treturn {\n\t\tx:Math.sin(angle * ANGLE_RATIO) * radius,\n\t\ty:Math.cos(angle * ANGLE_RATIO) * radius,\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\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\textraCount = array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extraCount > 0) {\n\t\tarray1 = fillArray(array1, extraCount);\n\t} else {\n\t\tarray2 = fillArray(array2, extraCount);\n\t}\n\treturn [array1, array2];\n}\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { DOT_OVERLAY_SIZE_INCR } from './constants';\n\nexport const AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\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 makeArcPathStr(startPosition, endPosition, center, radius, clockWise=1){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\n\n\treturn `M${center.x} ${center.y}\n\t\tL${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 0 ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY} z`;\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');\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: fill\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, fontSize = FONT_SIZE) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (fontSize / 2) + 'px',\n\t\t'font-size': fontSize + '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\t// let 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 function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height || meta.minHeight // TODO: correct y for positive min height\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\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(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t};\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'heat_square': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n};\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'heat_square': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\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\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 { 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\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\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: old}\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 function animateBar(bar, x, yTop, width, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\nexport function animatePathStr(oldPath, pathStr) {\n\treturn [oldPath, {d: pathStr}, UNIT_ANIM_DUR, STD_EASING];\n}\n\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 { makeSVGGroup } from '../utils/draw';\nimport { makePath, xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar,\n\tanimateDot, animatePath, animatePathStr } 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\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\n\t\t\t? this.layerClass() : this.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.render(this.data);\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\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tpieSlices: {\n\t\tlayerClass: 'pie-slices',\n\t\tmakeElements(data) {\n\t\t\treturn data.sliceStrings.map((s, i) =>{\n\t\t\t\tlet slice = makePath(s, 'pie-path', 'none', data.colors[i]);\n\t\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\t\treturn slice;\n\t\t\t});\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\treturn this.store.map((slice, i) =>\n\t\t\t\tanimatePathStr(slice, newData.sliceStrings[i])\n\t\t\t);\n\t\t}\n\t},\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.calcLabels[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.calcLabels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.calcLabels;\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\tcalcLabels: 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\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.startPos, region.endPos, 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.endPos);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.startPos);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.endPos);\n\t\t\tlet oldStarts = this.oldData.map(d => d.startPos);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstartPos: oldStarts[i],\n\t\t\t\t\tendPos: 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\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i],\n\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tthis.units = [];\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n};\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t});\n\treturn new ChartComponent(config);\n}\n","// Playing around with dates\n\nexport const NO_OF_YEAR_MONTHS = 12;\nexport const NO_OF_DAYS_IN_WEEK = 7;\nexport const NO_OF_MILLIS = 1000;\n\nexport const MONTH_NAMES = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\n\nexport const MONTH_NAMES_SHORT = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\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 clone(date) {\n\treturn new Date(date.getTime());\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\nexport function getMonthName(i, short=false) {\n\tlet monthName = MONTH_NAMES[i];\n\treturn short ? monthName.slice(0, 3) : monthName;\n}\n","import { floatTwo } from './helpers';\n\nfunction 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 scale(val, yAxis) {\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier);\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","import { fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } 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=> {\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 type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t};\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}","import '../scss/charts.scss';\n\n// import 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\nconst chartTypes = {\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, 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](parent, options);\n}\n\nclass Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n\nexport { Chart, PercentageChart, PieChart, Heatmap, AxisChart };","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.titleName = '';\n\t\tthis.titleValue = '';\n\t\tthis.listValues = [];\n\t\tthis.titleValueFirst = 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.makeTooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calcPosition();\n\t\t// this.showTip();\n\t}\n\n\tmakeTooltip() {\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.hideTip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.dataPointList = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hideTip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.index) {\n\t\t\tthis.container.setAttribute('data-point-index', this.index);\n\t\t}\n\t\tif(this.titleValueFirst) {\n\t\t\ttitle = `<strong>${this.titleValue}</strong>${this.titleName}`;\n\t\t} else {\n\t\t\ttitle = `${this.titleName}<strong>${this.titleValue}</strong>`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.dataPointList.innerHTML = '';\n\n\t\tthis.listValues.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.dataPointList.appendChild(li);\n\t\t});\n\t}\n\n\tcalcPosition() {\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 maxLeft = 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 > maxLeft) {\n\t\t\tlet delta = this.left - maxLeft;\n\t\t\tlet pointerOffset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointerOffset;\n\n\t\t\tthis.left = maxLeft;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tsetValues(x, y, title = {}, listValues = [], index = -1) {\n\t\tthis.titleName = title.name;\n\t\tthis.titleValue = title.value;\n\t\tthis.listValues = listValues;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.titleValueFirst = title.valueFirst || 0;\n\t\tthis.index = index;\n\t\tthis.refresh();\n\t}\n\n\thideTip() {\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\tshowTip() {\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","export const ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nexport const COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\nexport const DATA_COLOR_DIVISIONS = {\n\tbar: 'datasets',\n\tline: 'datasets',\n\tpie: 'labels',\n\tpercentage: 'labels',\n\theatmap: HEATMAP_DISTRIBUTION_SIZE\n};\n\nexport const BASE_CHART_TOP_MARGIN = 10;\nexport const BASE_CHART_LEFT_MARGIN = 20;\nexport const BASE_CHART_RIGHT_MARGIN = 20;\n\nexport const Y_AXIS_LEFT_MARGIN = 60;\nexport const Y_AXIS_RIGHT_MARGIN = 40;\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const BAR_CHART_SPACE_RATIO = 0.5;\nexport const MIN_BAR_PERCENT_HEIGHT = 0.01;\n\nexport const LINE_CHART_DOT_SIZE = 4;\nexport const DOT_OVERLAY_SIZE_INCR = 4;\n\nexport const DEFAULT_CHAR_WIDTH = 7;\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;\n\n// Fixed 5-color theme,\n// More colors are difficult to parse visually\nexport const HEATMAP_DISTRIBUTION_SIZE = 5;\n\nexport const HEATMAP_SQUARE_SIZE = 10;\nexport const HEATMAP_GUTTER_SIZE = 2;\n\nconst HEATMAP_COLORS = ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\nconst DEFAULT_CHART_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\n\nexport const DEFAULT_COLORS = {\n\tbar: DEFAULT_CHART_COLORS,\n\tline: DEFAULT_CHART_COLORS,\n\tpie: DEFAULT_CHART_COLORS,\n\tpercentage: DEFAULT_CHART_COLORS,\n\theatmap: HEATMAP_COLORS\n};","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup, makeText, AXIS_TICK_LENGTH } from '../utils/draw';\nimport { BASE_CHART_TOP_MARGIN, BASE_CHART_LEFT_MARGIN,\n\tBASE_CHART_RIGHT_MARGIN, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT, DEFAULT_COLORS,\n\tALL_CHART_TYPES, COMPATIBLE_CHARTS, DATA_COLOR_DIVISIONS} from '../utils/constants';\nimport { getColor, isValidColor } from '../utils/colors';\nimport { runSMILAnimation } from '../utils/animation';\nimport { Chart } from '../chart';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\n\t\tthis.parent = typeof parent === 'string'\n\t\t\t? document.querySelector(parent)\n\t\t\t: parent;\n\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.title = options.title || '';\n\t\tthis.argHeight = options.height || 240;\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\n\t\tthis.colors = this.validateColors(options.colors, this.type);\n\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: options.showLegend || 1,\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1\n\t\t};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tthis.initTimeout = INIT_CHART_UPDATE_TIMEOUT;\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure() {\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.draw(true));\n\t\twindow.addEventListener('orientationchange', () => this.draw(true));\n\t}\n\n\tvalidateColors(colors, type) {\n\t\tconst validColors = [];\n\t\tcolors = (colors || []).concat(DEFAULT_COLORS[type]);\n\t\tcolors.forEach((string) => {\n\t\t\tconst color = getColor(string);\n\t\t\tif(!isValidColor(color)) {\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t} else {\n\t\t\t\tvalidColors.push(color);\n\t\t\t}\n\t\t});\n\t\treturn validColors;\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - 70;\n\t\tthis.topMargin = BASE_CHART_TOP_MARGIN;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = BASE_CHART_LEFT_MARGIN;\n\t\tthis.rightMargin = BASE_CHART_RIGHT_MARGIN;\n\t}\n\n\tsetup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tsetupComponents() {\n\t\tthis.components = new Map();\n\t}\n\n\tmakeContainer() {\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'chart-container'\n\t\t});\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.container,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.updateWidth();\n\t\tthis.calc(onlyWidthChange);\n\t\tthis.makeChartArea();\n\t\tthis.setupComponents();\n\n\t\tthis.components.forEach(c => c.setup(this.drawArea));\n\t\t// this.components.forEach(c => c.make());\n\t\tthis.render(this.components, false);\n\n\t\tif(init) {\n\t\t\tthis.data = this.realData;\n\t\t\tsetTimeout(() => {this.update();}, this.initTimeout);\n\t\t}\n\n\t\tif(!onlyWidthChange) {\n\t\t\tthis.renderLegend();\n\t\t}\n\n\t\tthis.setupNavigation(init);\n\t}\n\n\tupdateWidth() {\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\n\t\tthis.width = this.baseWidth - (this.leftMargin + this.rightMargin);\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(data=this.data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tcalc() {} // builds state\n\n\trender(components=this.components, animate=true) {\n\t\tif(this.config.isNavigable) {\n\t\t\t// Remove all existing overlays\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\n\t\t\t// ref.parentNode.insertBefore(element, ref);\n\t\t}\n\t\tlet elementsToAnimate = [];\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tcomponents.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.container, this.svg, elementsToAnimate);\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomponents.forEach(c => c.make());\n\t\t\t\tthis.updateNav();\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\n\t\t} else {\n\t\t\tcomponents.forEach(c => c.make());\n\t\t\tthis.updateNav();\n\t\t}\n\t}\n\n\tupdateNav() {\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.makeOverlay();\n\t\t\tthis.bindUnits();\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.container.removeChild(this.svg);\n\t\t}\n\n\t\tlet titleAreaHeight = 0;\n\t\tlet legendAreaHeight = 0;\n\t\tif(this.title.length) {\n\t\t\ttitleAreaHeight = 30;\n\t\t}\n\t\tif(this.showLegend) {\n\t\t\tlegendAreaHeight = 30;\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.container,\n\t\t\t'frappe-chart chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight + titleAreaHeight + legendAreaHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\tif(this.title.length) {\n\t\t\tthis.titleEL = makeText(\n\t\t\t\t'title',\n\t\t\t\tthis.leftMargin - AXIS_TICK_LENGTH,\n\t\t\t\tthis.topMargin,\n\t\t\t\tthis.title,\n\t\t\t\t11\n\t\t\t);\n\t\t\tthis.svg.appendChild(this.titleEL);\n\t\t}\n\n\t\tlet top = this.topMargin + titleAreaHeight;\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${top})`\n\t\t);\n\n\t\ttop = this.baseHeight + titleAreaHeight;\n\t\tthis.legendArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\t'chart-legend',\n\t\t\t`translate(${this.leftMargin}, ${top})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.container)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\taddDataPoint() {}\n\tremoveDataPoint() {}\n\n\tgetDataPoint() {}\n\tsetCurrentDataPoint() {}\n\n\tupdateDataset() {}\n\n\tgetDifferentChart(type) {\n\t\tconst currentType = this.type;\n\t\tlet args = this.rawChartArgs;\n\t\tif(type === currentType) return;\n\n\t\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t\t}\n\n\t\tif(!COMPATIBLE_CHARTS[currentType].includes(type)) {\n\t\t\tconsole.error(`'${currentType}' chart cannot be converted to a '${type}' chart.`);\n\t\t}\n\n\t\t// whether the new chart can use the existing colors\n\t\tconst useColor = DATA_COLOR_DIVISIONS[currentType] === DATA_COLOR_DIVISIONS[type];\n\n\t\t// Okay, this is anticlimactic\n\t\t// this function will need to actually be 'changeChartType(type)'\n\t\t// that will update only the required elements, but for now ...\n\n\t\targs.type = type;\n\t\targs.colors = useColor ? args.colors : undefined;\n\n\t\treturn new Chart(this.parent, args);\n\t}\n\n\tunbindWindowEvents(){\n\t\twindow.removeEventListener('resize', () => this.draw(true));\n\t\twindow.removeEventListener('orientationchange', () => this.draw(true));\n\t}\n}\n","import BaseChart from './BaseChart';\n\nexport default class AggregationChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\tthis.config.maxSlices = args.maxSlices || 20;\n\t\tthis.config.maxLegendPoints = args.maxLegendPoints || 20;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\t\tlet maxSlices = this.config.maxSlices;\n\t\ts.sliceTotals = [];\n\n\t\tlet allTotals = this.data.labels.map((label, 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, label];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = allTotals;\n\t\tif(allTotals.length > maxSlices) {\n\t\t\t// Prune and keep a grey area for rest as per maxSlices\n\t\t\tallTotals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = allTotals.slice(0, maxSlices-1);\n\t\t\tlet remaining = allTotals.slice(maxSlices-1);\n\n\t\t\tlet sumOfRemaining = 0;\n\t\t\tremaining.map(d => {sumOfRemaining += d[0];});\n\t\t\ttotals.push([sumOfRemaining, 'Rest']);\n\t\t\tthis.colors[maxSlices-1] = 'grey';\n\t\t}\n\n\t\ts.labels = [];\n\t\ttotals.map(d => {\n\t\t\ts.sliceTotals.push(d[0]);\n\t\t\ts.labels.push(d[1]);\n\t\t});\n\t}\n\n\trenderLegend() {\n\t\t// let s = this.state;\n\n\t\t// this.statsWrapper.textContent = '';\n\n\t\t// this.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\t// let xValues = s.labels;\n\t\t// this.legendTotals.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\">${xValues[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 AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'percentage';\n\n\t\tthis.setup();\n\t}\n\n\tmakeChartArea() {\n\t\tthis.container.className += ' ' + 'graph-focus-margin';\n\t\tthis.container.style.marginTop = '45px';\n\n\t\t// this.statsWrapper.className += ' ' + 'graph-focus-margin';\n\t\t// this.statsWrapper.style.marginBottom = '30px';\n\t\t// this.statsWrapper.style.paddingTop = '0px';\n\n\t\tthis.svg = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.container\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.svg\n\t\t});\n\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\trender() {\n\t\tlet s = this.state;\n\t\tthis.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\t\ts.slices = [];\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\t'data-index': i,\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.grandTotal + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\ts.slices.push(slice);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tlet slice = e.target;\n\t\t\tif(slice.classList.contains('progress-bar')) {\n\n\t\t\t\tlet i = slice.getAttribute('data-index');\n\t\t\t\tlet gOff = getOffset(this.container), pOff = getOffset(slice);\n\n\t\t\t\tlet x = pOff.left - gOff.left + slice.offsetWidth/2;\n\t\t\t\tlet y = pOff.top - gOff.top - 6;\n\t\t\t\tlet title = (this.formattedLabels && this.formattedLabels.length>0\n\t\t\t\t\t? this.formattedLabels[i] : this.state.labels[i]) + ': ';\n\t\t\t\tlet percent = (s.sliceTotals[i]*100/this.grandTotal).toFixed(1);\n\n\t\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\t\tthis.tip.showTip();\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makeArcPathStr } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { transform } from '../utils/animation';\nimport { FULL_ANGLE } from '../utils/constants';\n\nexport default class PieChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'pie';\n\t\tthis.initTimeout = 0;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.config.startAngle = args.startAngle || 0;\n\n\t\tthis.clockWise = args.clockWise || false;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\tthis.init = 1;\n\t\treturn data;\n\t}\n\n\tcalc() {\n\t\tsuper.calc();\n\t\tlet s = this.state;\n\n\t\tthis.center = {\n\t\t\tx: this.width / 2,\n\t\t\ty: this.height / 2\n\t\t};\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\n\n\t\ts.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\n\t\tthis.calcSlices();\n\t}\n\n\tcalcSlices() {\n\t\tlet s = this.state;\n\t\tconst { radius, clockWise } = this;\n\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\n\t\ts.sliceStrings = [];\n\t\ts.slicesProperties = [];\n\t\tlet curAngle = 180 - this.config.startAngle;\n\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\n\n\t\t\tlet curStart,curEnd;\n\t\t\tif(this.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 = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);\n\n\t\t\ts.sliceStrings.push(curPath);\n\t\t\ts.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: s.grandTotal,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\n\t\t});\n\t\tthis.init = 0;\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'pieSlices',\n\t\t\t\t{ },\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\n\t\t\t\t\t\tcolors: this.colors\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\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.state.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.state.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\n\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\tthis.tip.showTip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hideTip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tbindTooltip() {\n\t\tthis.container.addEventListener('mousemove', this.mouseMove);\n\t\tthis.container.addEventListener('mouseleave', this.mouseLeave);\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet slices = this.components.get('pieSlices').store;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tif(slices.includes(target)) {\n\t\t\tlet i = slices.indexOf(target);\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\n\t\t\tthis.curActiveSlice = target;\n\t\t\tthis.curActiveSliceIndex = i;\n\t\t\tthis.hoverSlice(target, i, true, e);\n\t\t} else {\n\t\t\tthis.mouseLeave();\n\t\t}\n\t}\n\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { makeSVGGroup, makeHeatSquare, makeText } from '../utils/draw';\nimport { addDays, getDdMmYyyy, getWeeksBetween, getMonthName, clone,\n\tNO_OF_MILLIS, NO_OF_YEAR_MONTHS, NO_OF_DAYS_IN_WEEK } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { HEATMAP_DISTRIBUTION_SIZE, HEATMAP_SQUARE_SIZE,\n\tHEATMAP_GUTTER_SIZE } from '../utils/constants';\n\nconst COL_SIZE = HEATMAP_SQUARE_SIZE + HEATMAP_GUTTER_SIZE;\n\nexport default class Heatmap extends BaseChart {\n\tconstructor(parent, options) {\n\t\tsuper(parent, options);\n\t\tthis.type = 'heatmap';\n\n\t\tthis.dataPoints = options.data.dataPoints || {};\n\t\tthis.discreteDomains = options.discreteDomains === 0 ? 0 : 1;\n\t\tthis.countLabel = options.countLabel || '';\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\tthis.start = args.data.start;\n\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.firstWeekStart = new Date(this.start.toDateString());\n\t\tthis.lastWeekStart = new Date(this.today.toDateString());\n\t\tif(this.firstWeekStart.getDay() !== NO_OF_DAYS_IN_WEEK) {\n\t\t\taddDays(this.firstWeekStart, (-1) * this.firstWeekStart.getDay());\n\t\t}\n\t\tif(this.lastWeekStart.getDay() !== NO_OF_DAYS_IN_WEEK) {\n\t\t\taddDays(this.lastWeekStart, (-1) * this.lastWeekStart.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.firstWeekStart + '', this.lastWeekStart + '') + 1;\n\t}\n\n\tupdateWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 99) * COL_SIZE;\n\n\t\tif(this.discreteDomains) {\n\t\t\tthis.baseWidth += (COL_SIZE * NO_OF_YEAR_MONTHS);\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tsuper.makeChartArea();\n\t\tthis.domainLabelGroup = makeSVGGroup(this.drawArea,\n\t\t\t'domain-label-group chart-label');\n\n\t\tthis.dataGroups = makeSVGGroup(this.drawArea,\n\t\t\t'data-groups',\n\t\t\t`translate(0, 20)`\n\t\t);\n\t}\n\n\tcalc() {\n\t\tthis.distribution = calcDistribution(\n\t\t\tObject.values(this.dataPoints), HEATMAP_DISTRIBUTION_SIZE);\n\t}\n\n\tupdate(data=this.data) {\n\t\tthis.data = this.prepareData(data);\n\t\tthis.draw();\n\t}\n\n\trender() {\n\t\tthis.renderAllWeeksAndStoreXValues(this.no_of_cols);\n\t}\n\n\trenderAllWeeksAndStoreXValues(no_of_weeks) {\n\t\t// renderAllWeeksAndStoreXValues\n\t\tthis.domainLabelGroup.textContent = '';\n\t\tthis.dataGroups.textContent = '';\n\n\t\tlet currentWeekSunday = new Date(this.firstWeekStart);\n\t\tthis.weekCol = 0;\n\t\tthis.currentMonth = currentWeekSunday.getMonth();\n\n\t\tthis.months = [this.currentMonth + ''];\n\t\tthis.monthWeeks = {},\n\t\tthis.monthStartPoints = [];\n\t\tthis.monthWeeks[this.currentMonth] = 0;\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet dataGroup, monthChange = 0;\n\t\t\tlet day = new Date(currentWeekSunday);\n\n\t\t\t[dataGroup, monthChange] = this.getWeekSquaresGroup(day, this.weekCol);\n\t\t\tthis.dataGroups.appendChild(dataGroup);\n\t\t\tthis.weekCol += 1 + parseInt(this.discreteDomains && monthChange);\n\t\t\tthis.monthWeeks[this.currentMonth]++;\n\t\t\tif(monthChange) {\n\t\t\t\tthis.currentMonth = (this.currentMonth + 1) % NO_OF_YEAR_MONTHS;\n\t\t\t\tthis.months.push(this.currentMonth + '');\n\t\t\t\tthis.monthWeeks[this.currentMonth] = 1;\n\t\t\t}\n\t\t\taddDays(currentWeekSunday, NO_OF_DAYS_IN_WEEK);\n\t\t}\n\t\tthis.renderMonthLabels();\n\t}\n\n\tgetWeekSquaresGroup(currentDate, index) {\n\t\tconst step = 1;\n\t\tconst todayTime = this.today.getTime();\n\n\t\tlet monthChange = 0;\n\t\tlet weekColChange = 0;\n\n\t\tlet dataGroup = makeSVGGroup(this.dataGroups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < NO_OF_DAYS_IN_WEEK; i += step, y += COL_SIZE) {\n\t\t\tlet dataValue = 0;\n\t\t\tlet colorIndex = 0;\n\n\t\t\tlet currentTimestamp = currentDate.getTime()/NO_OF_MILLIS;\n\t\t\tlet timestamp = Math.floor(currentTimestamp - (currentTimestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.dataPoints[timestamp]) {\n\t\t\t\tdataValue = this.dataPoints[timestamp];\n\t\t\t}\n\n\t\t\tif(this.dataPoints[Math.round(timestamp)]) {\n\t\t\t\tdataValue = this.dataPoints[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(dataValue) {\n\t\t\t\tcolorIndex = getMaxCheckpoint(dataValue, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = (index + weekColChange) * COL_SIZE;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(currentDate),\n\t\t\t\t'data-value': dataValue,\n\t\t\t\t'data-day': currentDate.getDay()\n\t\t\t};\n\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, HEATMAP_SQUARE_SIZE,\n\t\t\t\tthis.colors[colorIndex], dataAttr);\n\n\t\t\tdataGroup.appendChild(heatSquare);\n\n\t\t\tlet nextDate = new Date(currentDate);\n\t\t\taddDays(nextDate, 1);\n\t\t\tif(nextDate.getTime() > todayTime) break;\n\n\n\t\t\tif(nextDate.getMonth() - currentDate.getMonth()) {\n\t\t\t\tmonthChange = 1;\n\t\t\t\tif(this.discreteDomains) {\n\t\t\t\t\tweekColChange = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.monthStartPoints.push((index + weekColChange) * COL_SIZE);\n\t\t\t}\n\t\t\tcurrentDate = nextDate;\n\t\t}\n\n\t\treturn [dataGroup, monthChange];\n\t}\n\n\trenderMonthLabels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.firstWeekStart.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.monthStartPoints.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.monthStartPoints.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.monthStartPoints.shift();\n\t\tthis.months.pop();\n\t\tthis.monthStartPoints.pop();\n\n\t\tthis.monthStartPoints.map((start, i) => {\n\t\t\tlet month_name = getMonthName(this.months[i], true);\n\t\t\tlet text = makeText('y-value-text', start + COL_SIZE, HEATMAP_SQUARE_SIZE, month_name);\n\t\t\tthis.domainLabelGroup.appendChild(text);\n\t\t});\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 dateParts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = getMonthName(parseInt(dateParts[1])-1, true);\n\n\t\t\t\tlet gOff = this.container.getBoundingClientRect(), pOff = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = pOff.left - gOff.left + (width+2)/2;\n\t\t\t\tlet y = pOff.top - gOff.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.countLabel;\n\t\t\t\tlet name = ' on ' + month + ' ' + dateParts[0] + ', ' + dateParts[2];\n\n\t\t\t\tthis.tip.setValues(x, y, {name: name, value: value, valueFirst: 1}, []);\n\t\t\t\tthis.tip.showTip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tsuper.update(data);\n\t\tthis.bindTooltip();\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\nimport { Y_AXIS_LEFT_MARGIN, Y_AXIS_RIGHT_MARGIN } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset, fire } from '../utils/dom';\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale } from '../utils/intervals';\nimport { floatTwo } from '../utils/helpers';\nimport { makeOverlay, updateOverlay } from '../utils/draw';\nimport { MIN_BAR_PERCENT_HEIGHT, BAR_CHART_SPACE_RATIO, LINE_CHART_DOT_SIZE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\n\t\tthis.barOptions = args.barOptions || {};\n\t\tthis.lineOptions = args.lineOptions || {};\n\n\t\tthis.type = args.type || 'line';\n\t\tthis.init = 1;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\targs.axisOptions = args.axisOptions || {};\n\t\targs.tooltipOptions = args.tooltipOptions || {};\n\n\t\tthis.config.xAxisMode = args.axisOptions.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = args.axisOptions.yAxisMode || 'span';\n\t\tthis.config.xIsSeries = args.axisOptions.xIsSeries || 0;\n\n\t\tthis.config.formatTooltipX = args.tooltipOptions.formatTooltipX;\n\t\tthis.config.formatTooltipY = args.tooltipOptions.formatTooltipY;\n\n\t\tthis.config.valuesOverPoints = args.valuesOverPoints;\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = Y_AXIS_LEFT_MARGIN;\n\t\tthis.rightMargin = Y_AXIS_RIGHT_MARGIN;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn zeroDataPrep(data);\n\t}\n\n\tcalc(onlyWidthChange = false) {\n\t\tthis.calcXPositions();\n\t\tif(onlyWidthChange) return;\n\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\n\t}\n\n\tcalcXPositions() {\n\t\tlet 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\t// // For a pure Line Chart\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\n\t\t// s.xOffset = 0;\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\t// Dependent if above changes\n\t\tthis.calcDatasetPoints();\n\t\tthis.calcYExtremes();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcDatasetPoints() {\n\t\tlet s = this.state;\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\n\n\t\ts.datasets = this.data.datasets.map((d, i) => {\n\t\t\tlet values = d.values;\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\n\t\t\treturn {\n\t\t\t\tname: d.name,\n\t\t\t\tindex: i,\n\t\t\t\tchartType: d.chartType,\n\n\t\t\t\tvalues: values,\n\t\t\t\tyPositions: scaleAll(values),\n\n\t\t\t\tcumulativeYs: cumulativeYs,\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\n\t\t\t};\n\t\t});\n\t}\n\n\tcalcYExtremes() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\ts.datasets.map(d => {\n\t\t\td.yPositions.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\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 = scale(d.value, s.yAxis);\n\t\t\t\t// if(!d.label.includes(':')) {\n\t\t\t\t// \td.label += ': ' + d.value;\n\t\t\t\t// }\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\td.startPos = scale(d.start, s.yAxis);\n\t\t\t\td.endPos = scale(d.end, s.yAxis);\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.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\tlet allValueLists = this.data.datasets.map(d => d[key]);\n\t\tif(this.data.yMarkers) {\n\t\t\tallValueLists.push(this.data.yMarkers.map(d => d.value));\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.data.yRegions.map(d => {\n\t\t\t\tallValueLists.push([d.end, d.start]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...allValueLists);\n\t}\n\n\tsetupComponents() {\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.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\tfunction() {\n\t\t\t\t\treturn this.state.yAxis;\n\t\t\t\t}.bind(this)\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.config.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\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\n\n\t\t\t\t\treturn s.xAxis;\n\t\t\t\t}.bind(this)\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\tfunction() {\n\t\t\t\t\treturn this.state.yRegions;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\t\t];\n\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\n\n\t\tlet barsConfigs = barDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'barGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tstacked: this.barOptions.stacked,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\n\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\n\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\n\t\t\t\t\tif(!stacked) {\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\n\t\t\t\t\tif(this.config.valuesOverPoints) {\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlabels = d.values;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\n\t\t\t\t\tif(stacked) {\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: xPositions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\t\t\t\t\t\toffsets: offsets,\n\t\t\t\t\t\t// values: d.values,\n\t\t\t\t\t\tlabels: labels,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tbarsWidth: barsWidth,\n\t\t\t\t\t\tbarWidth: barWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet lineConfigs = lineDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'lineGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tsvgDefs: this.svgDefs,\n\t\t\t\t\theatline: this.lineOptions.heatline,\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xAxis.positions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\n\t\t\t\t\t\tvalues: d.values,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet markerConfigs = [\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\tfunction() {\n\t\t\t\t\treturn this.state.yMarkers;\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\n\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.dataUnitComponents = [];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\n\t\t\t\t\tthis.dataUnitComponents.push(component);\n\t\t\t\t}\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.container);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.topMargin;\n\n\t\t\tif(relY < this.height + this.topMargin * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hideTip();\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 formatY = this.config.formatTooltipY;\n\t\tlet formatX = this.config.formatTooltipX;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(formatX && formatX(titles[0])) {\n\t\t\ttitles = titles.map(d=>formatX(d));\n\t\t}\n\n\t\tformatY = formatY && formatY(s.yAxis.labels[0]) ? formatY : 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.leftMargin;\n\t\t\t\tlet y = s.yExtremes[i] + this.topMargin;\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.name,\n\t\t\t\t\t\tvalue: formatY ? formatY(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.setValues(x, y, {name: titles[i], value: ''}, values, i);\n\t\t\t\tthis.tip.showTip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\trenderLegend() {\n\t\t// let s = this.data;\n\t\t// this.statsWrapper.textContent = '';\n\n\t\t// if(s.datasets.length > 1) {\n\t\t// \ts.datasets.map((d, i) => {\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${d.name}\n\t\t// \t\t</span>`;\n\t\t// \t});\n\t\t// }\n\t}\n\n\tmakeOverlay() {\n\t\tif(this.init) {\n\t\t\tthis.init = 0;\n\t\t\treturn;\n\t\t}\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t};\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t});\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\tthis.parent.addEventListener('data-select', () => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits() {\n\t\tthis.dataUnitComponents.map(c => {\n\t\t\tc.units.map(unit => {\n\t\t\t\tunit.addEventListener('click', () => {\n\t\t\t\t\tlet index = unit.getAttribute('data-point-index');\n\t\t\t\t\tthis.setCurrentDataPoint(index);\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\n\t\t// Note: Doesn't work as tooltip is absolutely positioned\n\t\tthis.tip.container.addEventListener('click', () => {\n\t\t\tlet index = this.tip.container.getAttribute('data-point-index');\n\t\t\tthis.setCurrentDataPoint(index);\n\t\t});\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t});\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\tlet s = this.state;\n\t\tlet data_point = {\n\t\t\tindex: index,\n\t\t\tlabel: s.xAxis.labels[index],\n\t\t\tvalues: s.datasets.map(d => d.values[index])\n\t\t};\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\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\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tif (this.data.labels.length <= 1) {\n\t\t\treturn;\n\t\t}\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\tupdateDataset(datasetValues, index=0) {\n\t\tthis.data.datasets[index].values = datasetValues;\n\t\tthis.update(this.data);\n\t}\n\t// addDataset(dataset, index) {}\n\t// removeDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\tif(datasets[i]) {\n\t\t\t\td.values = datasets[i];\n\t\t\t}\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\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","fire","target","type","properties","evt","createEvent","initEvent","j","dispatchEvent","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getPositionByAngle","angle","radius","sin","ANGLE_RATIO","cos","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extraCount","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","makePath","pathStr","makeArcPathStr","startPosition","endPosition","center","clockWise","arcStartX","x","arcStartY","arcEndX","arcEndY","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","size","data","args","key","makeText","content","fontSize","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","yLine","pos","mode","AXIS_TICK_LENGTH","xLine","yMarker","labelSvg","yRegion","region","datasetBar","index","meta","minHeight","group","datasetDot","dot","getPaths","xList","yList","pointsStr","join","path","heatline","gradient_id","svgDefs","paths","regionFill","gradient_id_region","slice","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","translate","unit","oldCoord","newCoord","duration","old","transform","STD_EASING","translateVertLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","nodeName","UNIT_ANIM_DUR","split","animateDot","cx","cy","animatePath","newXList","newYList","pathComponents","animPath","PATH_ANIM_DUR","push","regStartPt","regEndPt","animRegion","animatePathStr","oldPath","animateSVGElement","props","dur","easingType","undefined","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","getComponent","name","constants","getData","Object","componentConfigs","filter","includes","k","config","assign","ChartComponent","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","ceil","getDaysBetween","addDays","numberOfDays","setDate","getMonthName","short","monthName","MONTH_NAMES","normalize","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getChartByType","AxisChart","chartTypes","error","create","createElement","SvgTip","colors","titleName","titleValue","listValues","titleValueFirst","setup","makeTooltip","calcPosition","container","this","hideTip","title","dataPointList","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","maxLeft","pointer","pointerOffset","valueFirst","refresh","ALL_CHART_TYPES","COMPATIBLE_CHARTS","DATA_COLOR_DIVISIONS","HEATMAP_DISTRIBUTION_SIZE","INIT_CHART_UPDATE_TIMEOUT","PI","DEFAULT_CHART_COLORS","DEFAULT_COLORS","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","PRESET_COLOR_MAP","BaseChart","HTMLElement","Error","rawChartArgs","argHeight","prepareData","prepareFirstData","validateColors","showLegend","isNavigable","state","initTimeout","overlays","configure","setMargins","_this","draw","validColors","forEach","warn","baseHeight","topMargin","leftMargin","rightMargin","makeContainer","components","Map","tip","bindTooltip","onlyWidthChange","init","updateWidth","calc","makeChartArea","setupComponents","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","svg","make","updateNav","bindUnits","titleAreaHeight","legendAreaHeight","titleEL","legendArea","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","currentType","useColor","Chart","removeEventListener","_this5","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","a","sumOfRemaining","PercentageChart","marginTop","chart","percentageBar","grandTotal","reduce","slices","classList","contains","gOff","_this3","pOff","formattedLabels","percent","setValues","showTip","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","textContent","sliceStrings","transition","newData","positions","position","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","startPos","endPos","newStarts","oldStarts","unitType","units","yPositions","xPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","PieChart","mouseMove","mouseLeave","hoverRadio","startAngle","calcSlices","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","component","property","flag","calTranslateByAngle","g_off","pageX","pageY","formatted_labels","get","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","dataPoints","discreteDomains","countLabel","today","setFullYear","firstWeekStart","toDateString","lastWeekStart","getDay","no_of_cols","HEATMAP_SQUARE_SIZE","COL_SIZE","domainLabelGroup","dataGroups","renderAllWeeksAndStoreXValues","no_of_weeks","currentWeekSunday","weekCol","currentMonth","months","monthWeeks","monthStartPoints","dataGroup","monthChange","day","getWeekSquaresGroup","renderMonthLabels","currentDate","todayTime","getTime","weekColChange","dataValue","colorIndex","currentTimestamp","timestamp","round","dataAttr","heatSquare","nextDate","shift","pop","prototype","call","querySelectorAll","dateParts","month","barOptions","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","allValueLists","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","relX","mapTooltipXPosition","formatY","formatX","titles","xVal","overlayGuides","currentIndex","currentUnit","_this6","setCurrentDataPoint","_this8","_this9","getDataPoint","datasetValues","splice"],"mappings":"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"}
\ No newline at end of file
diff --git a/docs/assets/js/index.js b/docs/assets/js/index.js
index 89f8d53..b85eb6e 100755
--- a/docs/assets/js/index.js
+++ b/docs/assets/js/index.js
@@ -1,92 +1,15 @@
-// Composite Chart
+import { shuffle } from '../../../src/js/utils/helpers';
+import { fireballOver25, fireball_2_5, fireball_5_25, lineCompositeData,
+	barCompositeData, typeData, trendsData, moonData, heatmapData } from './data';
+
 // ================================================================================
-let reportCountList = [152, 222, 199, 287, 534, 709,
-	1179, 1256, 1632, 1856, 1850];
-
-let lineCompositeData = {
-	labels: ["2007", "2008", "2009", "2010", "2011", "2012",
-		"2013", "2014", "2015", "2016", "2017"],
-
-	yMarkers: [
-		{
-			label: "Average 100 reports/month",
-			value: 1200,
-		}
-	],
-
-	datasets: [{
-		"name": "Events",
-		"values": reportCountList
-	}]
-};
-
-
-let fireball_5_25 = [
-	[4, 0, 3, 1, 1, 2, 1, 1, 1, 0, 1, 1],
-	[2, 3, 3, 2, 1, 3, 0, 1, 2, 7, 10, 4],
-	[5, 6, 2, 4, 0, 1, 4, 3, 0, 2, 0, 1],
-	[0, 2, 6, 2, 1, 1, 2, 3, 6, 3, 7, 8],
-	[6, 8, 7, 7, 4, 5, 6, 5, 22, 12, 10, 11],
-	[7, 10, 11, 7, 3, 2, 7, 7, 11, 15, 22, 20],
-	[13, 16, 21, 18, 19, 17, 12, 17, 31, 28, 25, 29],
-	[24, 14, 21, 14, 11, 15, 19, 21, 41, 22, 32, 18],
-	[31, 20, 30, 22, 14, 17, 21, 35, 27, 50, 117, 24],
-	[32, 24, 21, 27, 11, 27, 43, 37, 44, 40, 48, 32],
-	[31, 38, 36, 26, 23, 23, 25, 29, 26, 47, 61, 50],
-];
-let fireball_2_5 = [
-	[22, 6, 6, 9, 7, 8, 6, 14, 19, 10, 8, 20],
-	[11, 13, 12, 8, 9, 11, 9, 13, 10, 22, 40, 24],
-	[20, 13, 13, 19, 13, 10, 14, 13, 20, 18, 5, 9],
-	[7, 13, 16, 19, 12, 11, 21, 27, 27, 24, 33, 33],
-	[38, 25, 28, 22, 31, 21, 35, 42, 37, 32, 46, 53],
-	[50, 33, 36, 34, 35, 28, 27, 52, 58, 59, 75, 69],
-	[54, 67, 67, 45, 66, 51, 38, 64, 90, 113, 116, 87],
-	[84, 52, 56, 51, 55, 46, 50, 87, 114, 83, 152, 93],
-	[73, 58, 59, 63, 56, 51, 83, 140, 103, 115, 265, 89],
-	[106, 95, 94, 71, 77, 75, 99, 136, 129, 154, 168, 156],
-	[81, 102, 95, 72, 58, 91, 89, 122, 124, 135, 183, 171],
-];
-let fireballOver25 = [
-	// [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
-	[0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0],
-	[0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0],
-	[1, 1, 0, 0, 0, 0, 1, 0, 1, 0, 0, 0],
-	[0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 2],
-	[3, 2, 1, 3, 2, 0, 2, 2, 2, 3, 0, 1],
-	[2, 3, 5, 2, 1, 3, 0, 2, 3, 5, 1, 4],
-	[7, 4, 6, 1, 9, 2, 2, 2, 20, 9, 4, 9],
-	[5, 6, 1, 2, 5, 4, 5, 5, 16, 9, 14, 9],
-	[5, 4, 7, 5, 1, 5, 3, 3, 5, 7, 22, 2],
-	[5, 13, 11, 6, 1, 7, 9, 8, 14, 17, 16, 3],
-	[8, 9, 8, 6, 4, 8, 5, 6, 14, 11, 21, 12]
-];
-
-let monthNames = ["January", "February", "March", "April", "May", "June",
-	"July", "August", "September", "October", "November", "December"];
-
-let barCompositeData = {
-	labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
-	datasets: [
-		{
-			name: "Over 25 reports",
-			values: fireballOver25[9],
-		},
-		{
-			name: "5 to 25 reports",
-			values: fireball_5_25[9],
-		},
-		{
-			name: "2 to 5 reports",
-			values: fireball_2_5[9]
-		}
-	]
-};
 
 let c1 = document.querySelector("#chart-composite-1");
 let c2 = document.querySelector("#chart-composite-2");
 
-let lineCompositeChart = new frappe.Chart (c1, {
+let Chart = frappe.Chart; // eslint-disable-line no-undef
+
+let lineCompositeChart = new Chart (c1, {
 	title: "Fireball/Bolide Events - Yearly (reported)",
 	data: lineCompositeData,
 	type: 'line',
@@ -102,7 +25,7 @@ let lineCompositeChart = new frappe.Chart (c1, {
 	// regionFill: 1
 });
 
-let barCompositeChart = new frappe.Chart (c2, {
+let barCompositeChart = new Chart (c2, {
 	data: barCompositeData,
 	type: 'bar',
 	height: 190,
@@ -124,67 +47,8 @@ lineCompositeChart.parent.addEventListener('data-select', (e) => {
 	]);
 });
 
-
-// Demo Chart (bar, linepts, scatter(blobs), percentage)
 // ================================================================================
-let typeData = {
-	labels: ["12am-3am", "3am-6am", "6am-9am", "9am-12pm",
-		"12pm-3pm", "3pm-6pm", "6pm-9pm", "9pm-12am"],
 
-	yMarkers: [
-		{
-			label: "Marker",
-			value: 43,
-			// type: 'dashed'
-		}
-	],
-
-	yRegions: [
-		{
-			label: "Region",
-			start: -10,
-			end: 50
-		},
-	],
-
-	datasets: [
-		{
-			name: "Some Data",
-			values: [18, 40, 30, 35, 8, 52, 17, -4],
-			axisPosition: 'right',
-			chartType: 'bar'
-		},
-		{
-			name: "Another Set",
-			values: [30, 50, -10, 15, 18, 32, 27, 14],
-			axisPosition: 'right',
-			chartType: 'bar'
-		},
-		{
-			name: "Yet Another",
-			values: [15, 20, -3, -15, 58, 12, -17, 37],
-			chartType: 'line'
-		}
-	]
-};
-
-// let typeChart = new frappe.Chart("#chart-types", {
-// 	title: "My Awesome Chart",
-// 	data: typeData,
-// 	type: 'bar',
-// 	height: 250,
-// 	colors: ['purple', 'magenta', 'red'],
-// 	tooltipOptions: {
-// 		formatTooltipX: d => (d + '').toUpperCase(),
-// 		formatTooltipY: d => d + ' pts',
-// 	}
-// });
-
-
-
-
-// Aggregation chart
-// ================================================================================
 let args = {
 	data: typeData,
 	type: 'axis-mixed',
@@ -198,8 +62,9 @@ let args = {
 		formatTooltipX: d => (d + '').toUpperCase(),
 		formatTooltipY: d => d + ' pts',
 	}
-}
-let aggrChart = new frappe.Chart("#chart-aggr", args);
+};
+
+let aggrChart = new Chart("#chart-aggr", args);
 
 Array.prototype.slice.call(
 	document.querySelectorAll('.aggr-type-buttons button')
@@ -223,25 +88,25 @@ Array.prototype.slice.call(
 
 // Update values chart
 // ================================================================================
-let update_data_all_labels = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Mon", "Tue",
+let updateDataAllLabels = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Mon", "Tue",
 	"Wed", "Thu", "Fri", "Sat", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri",
 	"Sat", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Mon"];
 
 let getRandom = () => Math.floor(Math.random() * 75 - 15);
-let update_data_all_values = Array.from({length: 30}, getRandom);
+let updateDataAllValues = Array.from({length: 30}, getRandom);
 
 // We're gonna be shuffling this
-let update_data_all_indices = update_data_all_labels.map((d,i) => i);
+let updateDataAllIndices = updateDataAllLabels.map((d,i) => i);
 
-let get_update_data = (source_array, length=10) => {
-	let indices = update_data_all_indices.slice(0, length);
+let getUpdateData = (source_array, length=10) => {
+	let indices = updateDataAllIndices.slice(0, length);
 	return indices.map((index) => source_array[index]);
 };
 
 let update_data = {
-	labels: get_update_data(update_data_all_labels),
+	labels: getUpdateData(updateDataAllLabels),
 	datasets: [{
-		"values": get_update_data(update_data_all_values)
+		"values": getUpdateData(updateDataAllValues)
 	}],
 	yMarkers: [
 		{
@@ -259,7 +124,7 @@ let update_data = {
 	],
 };
 
-let update_chart = new frappe.Chart("#chart-update", {
+let update_chart = new Chart("#chart-update", {
 	data: update_data,
 	type: 'line',
 	height: 250,
@@ -272,14 +137,14 @@ let update_chart = new frappe.Chart("#chart-update", {
 
 let chart_update_buttons = document.querySelector('.chart-update-buttons');
 
-chart_update_buttons.querySelector('[data-update="random"]').addEventListener("click", (e) => {
-	shuffle(update_data_all_indices);
+chart_update_buttons.querySelector('[data-update="random"]').addEventListener("click", () => {
+	shuffle(updateDataAllIndices);
 	let value = getRandom();
 	let start = getRandom();
 	let end = getRandom();
 	let data = {
-		labels: update_data_all_labels.slice(0, 10),
-		datasets: [{values: get_update_data(update_data_all_values)}],
+		labels: updateDataAllLabels.slice(0, 10),
+		datasets: [{values: getUpdateData(updateDataAllValues)}],
 		yMarkers: [
 			{
 				label: "Altitude",
@@ -294,44 +159,28 @@ chart_update_buttons.querySelector('[data-update="random"]').addEventListener("c
 				end: end
 			},
 		],
-	}
+	};
 	update_chart.update(data);
 });
 
-chart_update_buttons.querySelector('[data-update="add"]').addEventListener("click", (e) => {
+chart_update_buttons.querySelector('[data-update="add"]').addEventListener("click", () => {
 	let index = update_chart.state.datasetLength; // last index to add
-	if(index >= update_data_all_indices.length) return;
+	if(index >= updateDataAllIndices.length) return;
 	update_chart.addDataPoint(
-		update_data_all_labels[index], [update_data_all_values[index]]
+		updateDataAllLabels[index], [updateDataAllValues[index]]
 	);
 });
 
-chart_update_buttons.querySelector('[data-update="remove"]').addEventListener("click", (e) => {
+chart_update_buttons.querySelector('[data-update="remove"]').addEventListener("click", () => {
 	update_chart.removeDataPoint();
 });
 
 // Trends Chart
 // ================================================================================
-let trends_data = {
-	labels: [1967, 1968, 1969, 1970, 1971, 1972, 1973, 1974, 1975, 1976,
-		1977, 1978, 1979, 1980, 1981, 1982, 1983, 1984, 1985, 1986,
-		1987, 1988, 1989, 1990, 1991, 1992, 1993, 1994, 1995, 1996,
-		1997, 1998, 1999, 2000, 2001, 2002, 2003, 2004, 2005, 2006,
-		2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016] ,
-	datasets: [
-		{
-			values: [132.9, 150.0, 149.4, 148.0,  94.4,  97.6,  54.1,  49.2,  22.5, 18.4,
-				39.3, 131.0, 220.1, 218.9, 198.9, 162.4,  91.0,  60.5,  20.6,  14.8,
-				33.9, 123.0, 211.1, 191.8, 203.3, 133.0,  76.1,  44.9,  25.1,  11.6,
-				28.9,  88.3, 136.3, 173.9, 170.4, 163.6,  99.3,  65.3,  45.8,  24.7,
-				12.6,   4.2,   4.8,  24.9,  80.8,  84.5,  94.0, 113.3,  69.8,  39.8]
-		}
-	]
-};
 
 let plotChartArgs = {
 	title: "Mean Total Sunspot Count - Yearly",
-	data: trends_data,
+	data: trendsData,
 	type: 'line',
 	height: 250,
 	colors: ['#238e38'],
@@ -346,7 +195,7 @@ let plotChartArgs = {
 	}
 };
 
-new frappe.Chart("#chart-trends", plotChartArgs);
+new Chart("#chart-trends", plotChartArgs);
 
 Array.prototype.slice.call(
 	document.querySelectorAll('.chart-plot-buttons button')
@@ -364,7 +213,7 @@ Array.prototype.slice.call(
 		// plotChartArgs.init = false;
 		plotChartArgs.lineOptions = config;
 
-		new frappe.Chart("#chart-trends", plotChartArgs);
+		new Chart("#chart-trends", plotChartArgs);
 
 		Array.prototype.slice.call(
 			btn.parentNode.querySelectorAll('button')).map(el => {
@@ -377,89 +226,44 @@ Array.prototype.slice.call(
 
 // Event chart
 // ================================================================================
-let moon_names = ["Ganymede", "Callisto", "Io", "Europa"];
-let masses = [14819000, 10759000, 8931900, 4800000];
-let distances = [1070.412, 1882.709, 421.700, 671.034];
-let diameters = [5262.4, 4820.6, 3637.4, 3121.6];
 
-let jupiter_moons = {
-	'Ganymede': {
-		mass: '14819000 x 10^16 kg',
-		'semi-major-axis': '1070412 km',
-		'diameter': '5262.4 km'
-	},
-	'Callisto': {
-		mass: '10759000 x 10^16 kg',
-		'semi-major-axis': '1882709 km',
-		'diameter': '4820.6 km'
-	},
-	'Io': {
-		mass: '8931900 x 10^16 kg',
-		'semi-major-axis': '421700 km',
-		'diameter': '3637.4 km'
-	},
-	'Europa': {
-		mass: '4800000 x 10^16 kg',
-		'semi-major-axis': '671034 km',
-		'diameter': '3121.6 km'
-	},
-};
 
-let events_data = {
+
+let eventsData = {
 	labels: ["Ganymede", "Callisto", "Io", "Europa"],
 	datasets: [
 		{
-			"values": distances,
-			"formatted": distances.map(d => d*1000 + " km")
+			"values": moonData.distances,
+			"formatted": moonData.distances.map(d => d*1000 + " km")
 		}
 	]
 };
 
-let events_chart = new frappe.Chart("#chart-events", {
+let eventsChart = new Chart("#chart-events", {
 	title: "Jupiter's Moons: Semi-major Axis (1000 km)",
-	data: events_data,
+	data: eventsData,
 	type: 'bar',
 	height: 250,
 	colors: ['grey'],
 	isNavigable: 1,
 });
 
-let data_div = document.querySelector('.chart-events-data');
+let dataDiv = document.querySelector('.chart-events-data');
 
-events_chart.parent.addEventListener('data-select', (e) => {
-	let name = moon_names[e.index];
-	data_div.querySelector('.moon-name').innerHTML = name;
-	data_div.querySelector('.semi-major-axis').innerHTML = distances[e.index] * 1000;
-	data_div.querySelector('.mass').innerHTML = masses[e.index];
-	data_div.querySelector('.diameter').innerHTML = diameters[e.index];
-	data_div.querySelector('img').src = "./assets/img/" + name.toLowerCase() + ".jpg";
+eventsChart.parent.addEventListener('data-select', (e) => {
+	let name = moonData.names[e.index];
+	dataDiv.querySelector('.moon-name').innerHTML = name;
+	dataDiv.querySelector('.semi-major-axis').innerHTML = moonData.distances[e.index] * 1000;
+	dataDiv.querySelector('.mass').innerHTML = moonData.masses[e.index];
+	dataDiv.querySelector('.diameter').innerHTML = moonData.diameters[e.index];
+	dataDiv.querySelector('img').src = "./assets/img/" + name.toLowerCase() + ".jpg";
 });
 
 // Heatmap
 // ================================================================================
 
-
-
-let heatmapData = {};
-let current_date = new Date();
-let timestamp = current_date.getTime()/1000;
-timestamp = Math.floor(timestamp - (timestamp % 86400)).toFixed(1); // convert to midnight
-for (var i = 0; i< 375; i++) {
-	heatmapData[parseInt(timestamp)] = Math.floor(Math.random() * 5);
-	timestamp = Math.floor(timestamp - 86400).toFixed(1);
-}
-
-let today = new Date();
-let start = today;
-let end = '';
-start.setFullYear( start.getFullYear() - 2 );
-
-let heatmap = new frappe.Chart("#chart-heatmap", {
-	data: {
-		dataPoints: heatmapData,
-		start: start,
-		end: end,
-	},
+let heatmap = new Chart("#chart-heatmap", {
+	data: heatmapData,
 	type: 'heatmap',
 	height: 115,
 	discreteDomains: 1,
@@ -488,7 +292,7 @@ Array.prototype.slice.call(
 			colors = ['#ebedf0', '#fdf436', '#ffc700', '#ff9100', '#06001c'];
 		}
 
-		new frappe.Chart("#chart-heatmap", {
+		new Chart("#chart-heatmap", {
 			data: heatmapData,
 			type: 'heatmap',
 			legendScale: [0, 1, 2, 4, 5],
@@ -526,7 +330,7 @@ Array.prototype.slice.call(
 			discreteDomains = 0;
 		}
 
-		new frappe.Chart("#chart-heatmap", {
+		new Chart("#chart-heatmap", {
 			data: heatmapData,
 			type: 'heatmap',
 			legendScale: [0, 1, 2, 4, 5],
@@ -542,29 +346,3 @@ Array.prototype.slice.call(
 		btn.classList.add('active');
 	});
 });
-
-// Helpers
-// ================================================================================
-function shuffle(array) {
-	// https://stackoverflow.com/a/2450976/6495043
-	// Awesomeness: https://bost.ocks.org/mike/shuffle/
-
-	var currentIndex = array.length, temporaryValue, randomIndex;
-
-	// While there remain elements to shuffle...
-	while (0 !== currentIndex) {
-
-		// Pick a remaining element...
-		randomIndex = Math.floor(Math.random() * currentIndex);
-		currentIndex -= 1;
-
-		// And swap it with the current element.
-		temporaryValue = array[currentIndex];
-		array[currentIndex] = array[randomIndex];
-		array[randomIndex] = temporaryValue;
-	}
-
-	return array;
-}
-
-
diff --git a/docs/assets/js/index.min.js b/docs/assets/js/index.min.js
new file mode 100644
index 0000000..a3a7c80
--- /dev/null
+++ b/docs/assets/js/index.min.js
@@ -0,0 +1,556 @@
+(function () {
+'use strict';
+
+function __$styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+// Universal constants
+
+
+
+// Fixed 5-color theme,
+// More colors are difficult to parse visually
+
+/**
+ * Returns whether or not two given arrays are equal.
+ * @param {Array} arr1 First array
+ * @param {Array} arr2 Second array
+ */
+
+
+/**
+ * Shuffles array in place. ES6 version
+ * @param {Array} array An array containing the items.
+ */
+function shuffle(array) {
+	// Awesomeness: https://bost.ocks.org/mike/shuffle/
+	// https://stackoverflow.com/a/2450976/6495043
+	// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1
+
+	for (var i = array.length - 1; i > 0; i--) {
+		var j = Math.floor(Math.random() * (i + 1));
+		var _ref = [array[j], array[i]];
+		array[i] = _ref[0];
+		array[j] = _ref[1];
+	}
+
+	return array;
+}
+
+/**
+ * Fill an array with extra points
+ * @param {Array} array Array
+ * @param {Number} count number of filler elements
+ * @param {Object} element element to fill with
+ * @param {Boolean} start fill at start?
+ */
+
+
+/**
+ * Returns pixel width of string.
+ * @param {String} string
+ * @param {Number} charWidth Width of single char in pixels
+ */
+
+// Playing around with dates
+
+
+
+
+
+
+
+var MONTH_NAMES_SHORT = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+
+// https://stackoverflow.com/a/11252167/6495043
+
+
+
+
+
+
+
+
+// mutates
+
+// Composite Chart
+// ================================================================================
+var reportCountList = [152, 222, 199, 287, 534, 709, 1179, 1256, 1632, 1856, 1850];
+
+var lineCompositeData = {
+	labels: ["2007", "2008", "2009", "2010", "2011", "2012", "2013", "2014", "2015", "2016", "2017"],
+
+	yMarkers: [{
+		label: "Average 100 reports/month",
+		value: 1200
+	}],
+
+	datasets: [{
+		"name": "Events",
+		"values": reportCountList
+	}]
+};
+
+var fireball_5_25 = [[4, 0, 3, 1, 1, 2, 1, 1, 1, 0, 1, 1], [2, 3, 3, 2, 1, 3, 0, 1, 2, 7, 10, 4], [5, 6, 2, 4, 0, 1, 4, 3, 0, 2, 0, 1], [0, 2, 6, 2, 1, 1, 2, 3, 6, 3, 7, 8], [6, 8, 7, 7, 4, 5, 6, 5, 22, 12, 10, 11], [7, 10, 11, 7, 3, 2, 7, 7, 11, 15, 22, 20], [13, 16, 21, 18, 19, 17, 12, 17, 31, 28, 25, 29], [24, 14, 21, 14, 11, 15, 19, 21, 41, 22, 32, 18], [31, 20, 30, 22, 14, 17, 21, 35, 27, 50, 117, 24], [32, 24, 21, 27, 11, 27, 43, 37, 44, 40, 48, 32], [31, 38, 36, 26, 23, 23, 25, 29, 26, 47, 61, 50]];
+var fireball_2_5 = [[22, 6, 6, 9, 7, 8, 6, 14, 19, 10, 8, 20], [11, 13, 12, 8, 9, 11, 9, 13, 10, 22, 40, 24], [20, 13, 13, 19, 13, 10, 14, 13, 20, 18, 5, 9], [7, 13, 16, 19, 12, 11, 21, 27, 27, 24, 33, 33], [38, 25, 28, 22, 31, 21, 35, 42, 37, 32, 46, 53], [50, 33, 36, 34, 35, 28, 27, 52, 58, 59, 75, 69], [54, 67, 67, 45, 66, 51, 38, 64, 90, 113, 116, 87], [84, 52, 56, 51, 55, 46, 50, 87, 114, 83, 152, 93], [73, 58, 59, 63, 56, 51, 83, 140, 103, 115, 265, 89], [106, 95, 94, 71, 77, 75, 99, 136, 129, 154, 168, 156], [81, 102, 95, 72, 58, 91, 89, 122, 124, 135, 183, 171]];
+var fireballOver25 = [
+// [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
+[0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0], [0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0], [1, 1, 0, 0, 0, 0, 1, 0, 1, 0, 0, 0], [0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 2], [3, 2, 1, 3, 2, 0, 2, 2, 2, 3, 0, 1], [2, 3, 5, 2, 1, 3, 0, 2, 3, 5, 1, 4], [7, 4, 6, 1, 9, 2, 2, 2, 20, 9, 4, 9], [5, 6, 1, 2, 5, 4, 5, 5, 16, 9, 14, 9], [5, 4, 7, 5, 1, 5, 3, 3, 5, 7, 22, 2], [5, 13, 11, 6, 1, 7, 9, 8, 14, 17, 16, 3], [8, 9, 8, 6, 4, 8, 5, 6, 14, 11, 21, 12]];
+
+var barCompositeData = {
+	labels: MONTH_NAMES_SHORT,
+	datasets: [{
+		name: "Over 25 reports",
+		values: fireballOver25[9]
+	}, {
+		name: "5 to 25 reports",
+		values: fireball_5_25[9]
+	}, {
+		name: "2 to 5 reports",
+		values: fireball_2_5[9]
+	}]
+};
+
+// Demo Chart multitype Chart
+// ================================================================================
+var typeData = {
+	labels: ["12am-3am", "3am-6am", "6am-9am", "9am-12pm", "12pm-3pm", "3pm-6pm", "6pm-9pm", "9pm-12am"],
+
+	yMarkers: [{
+		label: "Marker",
+		value: 43
+		// type: 'dashed'
+	}],
+
+	yRegions: [{
+		label: "Region",
+		start: -10,
+		end: 50
+	}],
+
+	datasets: [{
+		name: "Some Data",
+		values: [18, 40, 30, 35, 8, 52, 17, -4],
+		axisPosition: 'right',
+		chartType: 'bar'
+	}, {
+		name: "Another Set",
+		values: [30, 50, -10, 15, 18, 32, 27, 14],
+		axisPosition: 'right',
+		chartType: 'bar'
+	}, {
+		name: "Yet Another",
+		values: [15, 20, -3, -15, 58, 12, -17, 37],
+		chartType: 'line'
+	}]
+};
+
+var trendsData = {
+	labels: [1967, 1968, 1969, 1970, 1971, 1972, 1973, 1974, 1975, 1976, 1977, 1978, 1979, 1980, 1981, 1982, 1983, 1984, 1985, 1986, 1987, 1988, 1989, 1990, 1991, 1992, 1993, 1994, 1995, 1996, 1997, 1998, 1999, 2000, 2001, 2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016],
+	datasets: [{
+		values: [132.9, 150.0, 149.4, 148.0, 94.4, 97.6, 54.1, 49.2, 22.5, 18.4, 39.3, 131.0, 220.1, 218.9, 198.9, 162.4, 91.0, 60.5, 20.6, 14.8, 33.9, 123.0, 211.1, 191.8, 203.3, 133.0, 76.1, 44.9, 25.1, 11.6, 28.9, 88.3, 136.3, 173.9, 170.4, 163.6, 99.3, 65.3, 45.8, 24.7, 12.6, 4.2, 4.8, 24.9, 80.8, 84.5, 94.0, 113.3, 69.8, 39.8]
+	}]
+};
+
+var moonData = {
+	names: ["Ganymede", "Callisto", "Io", "Europa"],
+	masses: [14819000, 10759000, 8931900, 4800000],
+	distances: [1070.412, 1882.709, 421.700, 671.034],
+	diameters: [5262.4, 4820.6, 3637.4, 3121.6]
+};
+
+// const jupiterMoons = {
+// 	'Ganymede': {
+// 		mass: '14819000 x 10^16 kg',
+// 		'semi-major-axis': '1070412 km',
+// 		'diameter': '5262.4 km'
+// 	},
+// 	'Callisto': {
+// 		mass: '10759000 x 10^16 kg',
+// 		'semi-major-axis': '1882709 km',
+// 		'diameter': '4820.6 km'
+// 	},
+// 	'Io': {
+// 		mass: '8931900 x 10^16 kg',
+// 		'semi-major-axis': '421700 km',
+// 		'diameter': '3637.4 km'
+// 	},
+// 	'Europa': {
+// 		mass: '4800000 x 10^16 kg',
+// 		'semi-major-axis': '671034 km',
+// 		'diameter': '3121.6 km'
+// 	},
+// };
+
+// ================================================================================
+
+var today = new Date();
+var start = new Date(today.getTime());
+var end = new Date(today.getTime());
+start.setFullYear(start.getFullYear() - 2);
+end.setFullYear(start.getFullYear() - 1);
+
+var dataPoints = {};
+var current_date = new Date();
+var timestamp = current_date.getTime() / 1000;
+timestamp = Math.floor(timestamp - timestamp % 86400).toFixed(1); // convert to midnight
+for (var i = 0; i < 375; i++) {
+	dataPoints[parseInt(timestamp)] = Math.floor(Math.random() * 5);
+	timestamp = Math.floor(timestamp - 86400).toFixed(1);
+}
+
+var heatmapData = {
+	dataPoints: dataPoints,
+	start: start,
+	end: end
+};
+
+var c1 = document.querySelector("#chart-composite-1");
+var c2 = document.querySelector("#chart-composite-2");
+
+var Chart = frappe.Chart; // eslint-disable-line no-undef
+
+var lineCompositeChart = new Chart(c1, {
+	title: "Fireball/Bolide Events - Yearly (reported)",
+	data: lineCompositeData,
+	type: 'line',
+	height: 190,
+	colors: ['green'],
+	isNavigable: 1,
+	valuesOverPoints: 1,
+
+	lineOptions: {
+		dotSize: 8
+	}
+	// yAxisMode: 'tick'
+	// regionFill: 1
+});
+
+var barCompositeChart = new Chart(c2, {
+	data: barCompositeData,
+	type: 'bar',
+	height: 190,
+	colors: ['violet', 'light-blue', '#46a9f9'],
+	valuesOverPoints: 1,
+	axisOptions: {
+		xAxisMode: 'tick'
+	},
+	barOptions: {
+		stacked: 1
+	}
+
+});
+
+lineCompositeChart.parent.addEventListener('data-select', function (e) {
+	var i = e.index;
+	barCompositeChart.updateDatasets([fireballOver25[i], fireball_5_25[i], fireball_2_5[i]]);
+});
+
+// ================================================================================
+
+var args = {
+	data: typeData,
+	type: 'axis-mixed',
+	height: 250,
+	colors: ['purple', 'magenta', 'light-blue'],
+
+	maxLegendPoints: 6,
+	maxSlices: 10,
+
+	tooltipOptions: {
+		formatTooltipX: function formatTooltipX(d) {
+			return (d + '').toUpperCase();
+		},
+		formatTooltipY: function formatTooltipY(d) {
+			return d + ' pts';
+		}
+	}
+};
+
+var aggrChart = new Chart("#chart-aggr", args);
+
+Array.prototype.slice.call(document.querySelectorAll('.aggr-type-buttons button')).map(function (el) {
+	el.addEventListener('click', function (e) {
+		var btn = e.target;
+		var type = btn.getAttribute('data-type');
+		args.type = type;
+
+		var newChart = aggrChart.getDifferentChart(type);
+		if (newChart) {
+			aggrChart = newChart;
+		}
+		Array.prototype.slice.call(btn.parentNode.querySelectorAll('button')).map(function (el) {
+			el.classList.remove('active');
+		});
+		btn.classList.add('active');
+	});
+});
+
+// Update values chart
+// ================================================================================
+var updateDataAllLabels = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Mon"];
+
+var getRandom = function getRandom() {
+	return Math.floor(Math.random() * 75 - 15);
+};
+var updateDataAllValues = Array.from({ length: 30 }, getRandom);
+
+// We're gonna be shuffling this
+var updateDataAllIndices = updateDataAllLabels.map(function (d, i) {
+	return i;
+});
+
+var getUpdateData = function getUpdateData(source_array) {
+	var length = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 10;
+
+	var indices = updateDataAllIndices.slice(0, length);
+	return indices.map(function (index) {
+		return source_array[index];
+	});
+};
+
+var update_data = {
+	labels: getUpdateData(updateDataAllLabels),
+	datasets: [{
+		"values": getUpdateData(updateDataAllValues)
+	}],
+	yMarkers: [{
+		label: "Altitude",
+		value: 25,
+		type: 'dashed'
+	}],
+	yRegions: [{
+		label: "Range",
+		start: 10,
+		end: 45
+	}]
+};
+
+var update_chart = new Chart("#chart-update", {
+	data: update_data,
+	type: 'line',
+	height: 250,
+	colors: ['#ff6c03'],
+	lineOptions: {
+		// hideLine: 1,
+		regionFill: 1
+	}
+});
+
+var chart_update_buttons = document.querySelector('.chart-update-buttons');
+
+chart_update_buttons.querySelector('[data-update="random"]').addEventListener("click", function () {
+	shuffle(updateDataAllIndices);
+	var value = getRandom();
+	var start = getRandom();
+	var end = getRandom();
+	var data = {
+		labels: updateDataAllLabels.slice(0, 10),
+		datasets: [{ values: getUpdateData(updateDataAllValues) }],
+		yMarkers: [{
+			label: "Altitude",
+			value: value,
+			type: 'dashed'
+		}],
+		yRegions: [{
+			label: "Range",
+			start: start,
+			end: end
+		}]
+	};
+	update_chart.update(data);
+});
+
+chart_update_buttons.querySelector('[data-update="add"]').addEventListener("click", function () {
+	var index = update_chart.state.datasetLength; // last index to add
+	if (index >= updateDataAllIndices.length) return;
+	update_chart.addDataPoint(updateDataAllLabels[index], [updateDataAllValues[index]]);
+});
+
+chart_update_buttons.querySelector('[data-update="remove"]').addEventListener("click", function () {
+	update_chart.removeDataPoint();
+});
+
+// Trends Chart
+// ================================================================================
+
+var plotChartArgs = {
+	title: "Mean Total Sunspot Count - Yearly",
+	data: trendsData,
+	type: 'line',
+	height: 250,
+	colors: ['#238e38'],
+	lineOptions: {
+		hideDots: 1,
+		heatline: 1
+	},
+	axisOptions: {
+		xAxisMode: 'tick',
+		yAxisMode: 'span',
+		xIsSeries: 1
+	}
+};
+
+new Chart("#chart-trends", plotChartArgs);
+
+Array.prototype.slice.call(document.querySelectorAll('.chart-plot-buttons button')).map(function (el) {
+	el.addEventListener('click', function (e) {
+		var btn = e.target;
+		var type = btn.getAttribute('data-type');
+		var config = {};
+		config[type] = 1;
+
+		if (['regionFill', 'heatline'].includes(type)) {
+			config.hideDots = 1;
+		}
+
+		// plotChartArgs.init = false;
+		plotChartArgs.lineOptions = config;
+
+		new Chart("#chart-trends", plotChartArgs);
+
+		Array.prototype.slice.call(btn.parentNode.querySelectorAll('button')).map(function (el) {
+			el.classList.remove('active');
+		});
+		btn.classList.add('active');
+	});
+});
+
+// Event chart
+// ================================================================================
+
+
+var eventsData = {
+	labels: ["Ganymede", "Callisto", "Io", "Europa"],
+	datasets: [{
+		"values": moonData.distances,
+		"formatted": moonData.distances.map(function (d) {
+			return d * 1000 + " km";
+		})
+	}]
+};
+
+var eventsChart = new Chart("#chart-events", {
+	title: "Jupiter's Moons: Semi-major Axis (1000 km)",
+	data: eventsData,
+	type: 'bar',
+	height: 250,
+	colors: ['grey'],
+	isNavigable: 1
+});
+
+var dataDiv = document.querySelector('.chart-events-data');
+
+eventsChart.parent.addEventListener('data-select', function (e) {
+	var name = moonData.names[e.index];
+	dataDiv.querySelector('.moon-name').innerHTML = name;
+	dataDiv.querySelector('.semi-major-axis').innerHTML = moonData.distances[e.index] * 1000;
+	dataDiv.querySelector('.mass').innerHTML = moonData.masses[e.index];
+	dataDiv.querySelector('.diameter').innerHTML = moonData.diameters[e.index];
+	dataDiv.querySelector('img').src = "./assets/img/" + name.toLowerCase() + ".jpg";
+});
+
+// Heatmap
+// ================================================================================
+
+var heatmap = new Chart("#chart-heatmap", {
+	data: heatmapData,
+	type: 'heatmap',
+	height: 115,
+	discreteDomains: 1,
+	colors: ['#ebedf0', '#fdf436', '#ffc700', '#ff9100', '#06001c']
+});
+
+console.log(heatmapData, heatmap);
+
+Array.prototype.slice.call(document.querySelectorAll('.heatmap-mode-buttons button')).map(function (el) {
+	el.addEventListener('click', function (e) {
+		var btn = e.target;
+		var mode = btn.getAttribute('data-mode');
+		var discreteDomains = 0;
+
+		if (mode === 'discrete') {
+			discreteDomains = 1;
+		}
+
+		var colors = [];
+		var colors_mode = document.querySelector('.heatmap-color-buttons .active').getAttribute('data-color');
+		if (colors_mode === 'halloween') {
+			colors = ['#ebedf0', '#fdf436', '#ffc700', '#ff9100', '#06001c'];
+		}
+
+		new Chart("#chart-heatmap", {
+			data: heatmapData,
+			type: 'heatmap',
+			legendScale: [0, 1, 2, 4, 5],
+			height: 115,
+			discreteDomains: discreteDomains,
+			colors: colors
+		});
+
+		Array.prototype.slice.call(btn.parentNode.querySelectorAll('button')).map(function (el) {
+			el.classList.remove('active');
+		});
+		btn.classList.add('active');
+	});
+});
+
+Array.prototype.slice.call(document.querySelectorAll('.heatmap-color-buttons button')).map(function (el) {
+	el.addEventListener('click', function (e) {
+		var btn = e.target;
+		var colors_mode = btn.getAttribute('data-color');
+		var colors = [];
+
+		if (colors_mode === 'halloween') {
+			colors = ['#ebedf0', '#fdf436', '#ffc700', '#ff9100', '#06001c'];
+		}
+
+		var discreteDomains = 1;
+
+		var view_mode = document.querySelector('.heatmap-mode-buttons .active').getAttribute('data-mode');
+		if (view_mode === 'continuous') {
+			discreteDomains = 0;
+		}
+
+		new Chart("#chart-heatmap", {
+			data: heatmapData,
+			type: 'heatmap',
+			legendScale: [0, 1, 2, 4, 5],
+			height: 115,
+			discreteDomains: discreteDomains,
+			colors: colors
+		});
+
+		Array.prototype.slice.call(btn.parentNode.querySelectorAll('button')).map(function (el) {
+			el.classList.remove('active');
+		});
+		btn.classList.add('active');
+	});
+});
+
+}());
+//# sourceMappingURL=index.min.js.map
diff --git a/docs/assets/js/index.min.js.map b/docs/assets/js/index.min.js.map
new file mode 100644
index 0000000..313ff00
--- /dev/null
+++ b/docs/assets/js/index.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"index.min.js","sources":["../../../src/js/utils/constants.js","../../../src/js/utils/helpers.js","../../../src/js/utils/date-utils.js","data.js","index.js"],"sourcesContent":["export const ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nexport const COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\nexport const DATA_COLOR_DIVISIONS = {\n\tbar: 'datasets',\n\tline: 'datasets',\n\tpie: 'labels',\n\tpercentage: 'labels',\n\theatmap: HEATMAP_DISTRIBUTION_SIZE\n};\n\nexport const BASE_CHART_TOP_MARGIN = 10;\nexport const BASE_CHART_LEFT_MARGIN = 20;\nexport const BASE_CHART_RIGHT_MARGIN = 20;\n\nexport const Y_AXIS_LEFT_MARGIN = 60;\nexport const Y_AXIS_RIGHT_MARGIN = 40;\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const BAR_CHART_SPACE_RATIO = 0.5;\nexport const MIN_BAR_PERCENT_HEIGHT = 0.01;\n\nexport const LINE_CHART_DOT_SIZE = 4;\nexport const DOT_OVERLAY_SIZE_INCR = 4;\n\nexport const DEFAULT_CHAR_WIDTH = 7;\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;\n\n// Fixed 5-color theme,\n// More colors are difficult to parse visually\nexport const HEATMAP_DISTRIBUTION_SIZE = 5;\n\nexport const HEATMAP_SQUARE_SIZE = 10;\nexport const HEATMAP_GUTTER_SIZE = 2;\n\nconst HEATMAP_COLORS = ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\nconst DEFAULT_CHART_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\n\nexport const DEFAULT_COLORS = {\n\tbar: DEFAULT_CHART_COLORS,\n\tline: DEFAULT_CHART_COLORS,\n\tpie: DEFAULT_CHART_COLORS,\n\tpercentage: DEFAULT_CHART_COLORS,\n\theatmap: HEATMAP_COLORS\n};","import { ANGLE_RATIO } from './constants';\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) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n\nexport function getPositionByAngle(angle, radius) {\n\treturn {\n\t\tx:Math.sin(angle * ANGLE_RATIO) * radius,\n\t\ty:Math.cos(angle * ANGLE_RATIO) * radius,\n\t};\n}\n","// Playing around with dates\n\nexport const NO_OF_YEAR_MONTHS = 12;\nexport const NO_OF_DAYS_IN_WEEK = 7;\nexport const NO_OF_MILLIS = 1000;\n\nexport const MONTH_NAMES = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\n\nexport const MONTH_NAMES_SHORT = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\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 clone(date) {\n\treturn new Date(date.getTime());\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\nexport function getMonthName(i, short=false) {\n\tlet monthName = MONTH_NAMES[i];\n\treturn short ? monthName.slice(0, 3) : monthName;\n}\n","import { MONTH_NAMES_SHORT } from '../../../src/js/utils/date-utils';\n\n// Composite Chart\n// ================================================================================\nconst reportCountList = [152, 222, 199, 287, 534, 709,\n\t1179, 1256, 1632, 1856, 1850];\n\nexport const lineCompositeData = {\n\tlabels: [\"2007\", \"2008\", \"2009\", \"2010\", \"2011\", \"2012\",\n\t\t\"2013\", \"2014\", \"2015\", \"2016\", \"2017\"],\n\n\tyMarkers: [\n\t\t{\n\t\t\tlabel: \"Average 100 reports/month\",\n\t\t\tvalue: 1200,\n\t\t}\n\t],\n\n\tdatasets: [{\n\t\t\"name\": \"Events\",\n\t\t\"values\": reportCountList\n\t}]\n};\n\n\nexport const fireball_5_25 = [\n\t[4, 0, 3, 1, 1, 2, 1, 1, 1, 0, 1, 1],\n\t[2, 3, 3, 2, 1, 3, 0, 1, 2, 7, 10, 4],\n\t[5, 6, 2, 4, 0, 1, 4, 3, 0, 2, 0, 1],\n\t[0, 2, 6, 2, 1, 1, 2, 3, 6, 3, 7, 8],\n\t[6, 8, 7, 7, 4, 5, 6, 5, 22, 12, 10, 11],\n\t[7, 10, 11, 7, 3, 2, 7, 7, 11, 15, 22, 20],\n\t[13, 16, 21, 18, 19, 17, 12, 17, 31, 28, 25, 29],\n\t[24, 14, 21, 14, 11, 15, 19, 21, 41, 22, 32, 18],\n\t[31, 20, 30, 22, 14, 17, 21, 35, 27, 50, 117, 24],\n\t[32, 24, 21, 27, 11, 27, 43, 37, 44, 40, 48, 32],\n\t[31, 38, 36, 26, 23, 23, 25, 29, 26, 47, 61, 50],\n];\nexport const fireball_2_5 = [\n\t[22, 6, 6, 9, 7, 8, 6, 14, 19, 10, 8, 20],\n\t[11, 13, 12, 8, 9, 11, 9, 13, 10, 22, 40, 24],\n\t[20, 13, 13, 19, 13, 10, 14, 13, 20, 18, 5, 9],\n\t[7, 13, 16, 19, 12, 11, 21, 27, 27, 24, 33, 33],\n\t[38, 25, 28, 22, 31, 21, 35, 42, 37, 32, 46, 53],\n\t[50, 33, 36, 34, 35, 28, 27, 52, 58, 59, 75, 69],\n\t[54, 67, 67, 45, 66, 51, 38, 64, 90, 113, 116, 87],\n\t[84, 52, 56, 51, 55, 46, 50, 87, 114, 83, 152, 93],\n\t[73, 58, 59, 63, 56, 51, 83, 140, 103, 115, 265, 89],\n\t[106, 95, 94, 71, 77, 75, 99, 136, 129, 154, 168, 156],\n\t[81, 102, 95, 72, 58, 91, 89, 122, 124, 135, 183, 171],\n];\nexport const fireballOver25 = [\n\t// [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],\n\t[0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0],\n\t[0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0],\n\t[1, 1, 0, 0, 0, 0, 1, 0, 1, 0, 0, 0],\n\t[0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 2],\n\t[3, 2, 1, 3, 2, 0, 2, 2, 2, 3, 0, 1],\n\t[2, 3, 5, 2, 1, 3, 0, 2, 3, 5, 1, 4],\n\t[7, 4, 6, 1, 9, 2, 2, 2, 20, 9, 4, 9],\n\t[5, 6, 1, 2, 5, 4, 5, 5, 16, 9, 14, 9],\n\t[5, 4, 7, 5, 1, 5, 3, 3, 5, 7, 22, 2],\n\t[5, 13, 11, 6, 1, 7, 9, 8, 14, 17, 16, 3],\n\t[8, 9, 8, 6, 4, 8, 5, 6, 14, 11, 21, 12]\n];\n\nexport const barCompositeData = {\n\tlabels: MONTH_NAMES_SHORT,\n\tdatasets: [\n\t\t{\n\t\t\tname: \"Over 25 reports\",\n\t\t\tvalues: fireballOver25[9],\n\t\t},\n\t\t{\n\t\t\tname: \"5 to 25 reports\",\n\t\t\tvalues: fireball_5_25[9],\n\t\t},\n\t\t{\n\t\t\tname: \"2 to 5 reports\",\n\t\t\tvalues: fireball_2_5[9]\n\t\t}\n\t]\n};\n\n// Demo Chart multitype Chart\n// ================================================================================\nexport const typeData = {\n\tlabels: [\"12am-3am\", \"3am-6am\", \"6am-9am\", \"9am-12pm\",\n\t\t\"12pm-3pm\", \"3pm-6pm\", \"6pm-9pm\", \"9pm-12am\"],\n\n\tyMarkers: [\n\t\t{\n\t\t\tlabel: \"Marker\",\n\t\t\tvalue: 43,\n\t\t\t// type: 'dashed'\n\t\t}\n\t],\n\n\tyRegions: [\n\t\t{\n\t\t\tlabel: \"Region\",\n\t\t\tstart: -10,\n\t\t\tend: 50\n\t\t},\n\t],\n\n\tdatasets: [\n\t\t{\n\t\t\tname: \"Some Data\",\n\t\t\tvalues: [18, 40, 30, 35, 8, 52, 17, -4],\n\t\t\taxisPosition: 'right',\n\t\t\tchartType: 'bar'\n\t\t},\n\t\t{\n\t\t\tname: \"Another Set\",\n\t\t\tvalues: [30, 50, -10, 15, 18, 32, 27, 14],\n\t\t\taxisPosition: 'right',\n\t\t\tchartType: 'bar'\n\t\t},\n\t\t{\n\t\t\tname: \"Yet Another\",\n\t\t\tvalues: [15, 20, -3, -15, 58, 12, -17, 37],\n\t\t\tchartType: 'line'\n\t\t}\n\t]\n};\n\nexport const trendsData = {\n\tlabels: [1967, 1968, 1969, 1970, 1971, 1972, 1973, 1974, 1975, 1976,\n\t\t1977, 1978, 1979, 1980, 1981, 1982, 1983, 1984, 1985, 1986,\n\t\t1987, 1988, 1989, 1990, 1991, 1992, 1993, 1994, 1995, 1996,\n\t\t1997, 1998, 1999, 2000, 2001, 2002, 2003, 2004, 2005, 2006,\n\t\t2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016] ,\n\tdatasets: [\n\t\t{\n\t\t\tvalues: [132.9, 150.0, 149.4, 148.0, 94.4, 97.6, 54.1, 49.2, 22.5, 18.4,\n\t\t\t\t39.3, 131.0, 220.1, 218.9, 198.9, 162.4, 91.0, 60.5, 20.6, 14.8,\n\t\t\t\t33.9, 123.0, 211.1, 191.8, 203.3, 133.0, 76.1, 44.9, 25.1, 11.6,\n\t\t\t\t28.9, 88.3, 136.3, 173.9, 170.4, 163.6, 99.3, 65.3, 45.8, 24.7,\n\t\t\t\t12.6, 4.2, 4.8, 24.9, 80.8, 84.5, 94.0, 113.3, 69.8, 39.8]\n\t\t}\n\t]\n};\n\nexport const moonData = {\n\tnames: [\"Ganymede\", \"Callisto\", \"Io\", \"Europa\"],\n\tmasses: [14819000, 10759000, 8931900, 4800000],\n\tdistances: [1070.412, 1882.709, 421.700, 671.034],\n\tdiameters: [5262.4, 4820.6, 3637.4, 3121.6],\n};\n\n// const jupiterMoons = {\n// \t'Ganymede': {\n// \t\tmass: '14819000 x 10^16 kg',\n// \t\t'semi-major-axis': '1070412 km',\n// \t\t'diameter': '5262.4 km'\n// \t},\n// \t'Callisto': {\n// \t\tmass: '10759000 x 10^16 kg',\n// \t\t'semi-major-axis': '1882709 km',\n// \t\t'diameter': '4820.6 km'\n// \t},\n// \t'Io': {\n// \t\tmass: '8931900 x 10^16 kg',\n// \t\t'semi-major-axis': '421700 km',\n// \t\t'diameter': '3637.4 km'\n// \t},\n// \t'Europa': {\n// \t\tmass: '4800000 x 10^16 kg',\n// \t\t'semi-major-axis': '671034 km',\n// \t\t'diameter': '3121.6 km'\n// \t},\n// };\n\n// ================================================================================\n\nlet today = new Date();\nlet start = new Date(today.getTime());\nlet end = new Date(today.getTime());\nstart.setFullYear( start.getFullYear() - 2 );\nend.setFullYear( start.getFullYear() - 1 );\n\nexport let dataPoints = {};\nlet current_date = new Date();\nlet timestamp = current_date.getTime()/1000;\ntimestamp = Math.floor(timestamp - (timestamp % 86400)).toFixed(1); // convert to midnight\nfor (var i = 0; i< 375; i++) {\n\tdataPoints[parseInt(timestamp)] = Math.floor(Math.random() * 5);\n\ttimestamp = Math.floor(timestamp - 86400).toFixed(1);\n}\n\nexport const heatmapData = {\n\tdataPoints: dataPoints,\n\tstart: start,\n\tend: end\n};\n","import { shuffle } from '../../../src/js/utils/helpers';\nimport { fireballOver25, fireball_2_5, fireball_5_25, lineCompositeData,\n\tbarCompositeData, typeData, trendsData, moonData, heatmapData } from './data';\n\n// ================================================================================\n\nlet c1 = document.querySelector(\"#chart-composite-1\");\nlet c2 = document.querySelector(\"#chart-composite-2\");\n\nlet Chart = frappe.Chart; // eslint-disable-line no-undef\n\nlet lineCompositeChart = new Chart (c1, {\n\ttitle: \"Fireball/Bolide Events - Yearly (reported)\",\n\tdata: lineCompositeData,\n\ttype: 'line',\n\theight: 190,\n\tcolors: ['green'],\n\tisNavigable: 1,\n\tvaluesOverPoints: 1,\n\n\tlineOptions: {\n\t\tdotSize: 8\n\t},\n\t// yAxisMode: 'tick'\n\t// regionFill: 1\n});\n\nlet barCompositeChart = new Chart (c2, {\n\tdata: barCompositeData,\n\ttype: 'bar',\n\theight: 190,\n\tcolors: ['violet', 'light-blue', '#46a9f9'],\n\tvaluesOverPoints: 1,\n\taxisOptions: {\n\t\txAxisMode: 'tick'\n\t},\n\tbarOptions: {\n\t\tstacked: 1\n\t},\n\n});\n\nlineCompositeChart.parent.addEventListener('data-select', (e) => {\n\tlet i = e.index;\n\tbarCompositeChart.updateDatasets([\n\t\tfireballOver25[i], fireball_5_25[i], fireball_2_5[i]\n\t]);\n});\n\n// ================================================================================\n\nlet args = {\n\tdata: typeData,\n\ttype: 'axis-mixed',\n\theight: 250,\n\tcolors: ['purple', 'magenta', 'light-blue'],\n\n\tmaxLegendPoints: 6,\n\tmaxSlices: 10,\n\n\ttooltipOptions: {\n\t\tformatTooltipX: d => (d + '').toUpperCase(),\n\t\tformatTooltipY: d => d + ' pts',\n\t}\n};\n\nlet aggrChart = new Chart(\"#chart-aggr\", args);\n\nArray.prototype.slice.call(\n\tdocument.querySelectorAll('.aggr-type-buttons button')\n).map(el => {\n\tel.addEventListener('click', (e) => {\n\t\tlet btn = e.target;\n\t\tlet type = btn.getAttribute('data-type');\n\t\targs.type = type;\n\n\t\tlet newChart = aggrChart.getDifferentChart(type);\n\t\tif(newChart){\n\t\t\taggrChart = newChart;\n\t\t}\n\t\tArray.prototype.slice.call(\n\t\t\tbtn.parentNode.querySelectorAll('button')).map(el => {\n\t\t\tel.classList.remove('active');\n\t\t});\n\t\tbtn.classList.add('active');\n\t});\n});\n\n// Update values chart\n// ================================================================================\nlet updateDataAllLabels = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\", \"Sun\", \"Mon\", \"Tue\",\n\t\"Wed\", \"Thu\", \"Fri\", \"Sat\", \"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\",\n\t\"Sat\", \"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\", \"Sun\", \"Mon\"];\n\nlet getRandom = () => Math.floor(Math.random() * 75 - 15);\nlet updateDataAllValues = Array.from({length: 30}, getRandom);\n\n// We're gonna be shuffling this\nlet updateDataAllIndices = updateDataAllLabels.map((d,i) => i);\n\nlet getUpdateData = (source_array, length=10) => {\n\tlet indices = updateDataAllIndices.slice(0, length);\n\treturn indices.map((index) => source_array[index]);\n};\n\nlet update_data = {\n\tlabels: getUpdateData(updateDataAllLabels),\n\tdatasets: [{\n\t\t\"values\": getUpdateData(updateDataAllValues)\n\t}],\n\tyMarkers: [\n\t\t{\n\t\t\tlabel: \"Altitude\",\n\t\t\tvalue: 25,\n\t\t\ttype: 'dashed'\n\t\t}\n\t],\n\tyRegions: [\n\t\t{\n\t\t\tlabel: \"Range\",\n\t\t\tstart: 10,\n\t\t\tend: 45\n\t\t},\n\t],\n};\n\nlet update_chart = new Chart(\"#chart-update\", {\n\tdata: update_data,\n\ttype: 'line',\n\theight: 250,\n\tcolors: ['#ff6c03'],\n\tlineOptions: {\n\t\t// hideLine: 1,\n\t\tregionFill: 1\n\t},\n});\n\nlet chart_update_buttons = document.querySelector('.chart-update-buttons');\n\nchart_update_buttons.querySelector('[data-update=\"random\"]').addEventListener(\"click\", () => {\n\tshuffle(updateDataAllIndices);\n\tlet value = getRandom();\n\tlet start = getRandom();\n\tlet end = getRandom();\n\tlet data = {\n\t\tlabels: updateDataAllLabels.slice(0, 10),\n\t\tdatasets: [{values: getUpdateData(updateDataAllValues)}],\n\t\tyMarkers: [\n\t\t\t{\n\t\t\t\tlabel: \"Altitude\",\n\t\t\t\tvalue: value,\n\t\t\t\ttype: 'dashed'\n\t\t\t}\n\t\t],\n\t\tyRegions: [\n\t\t\t{\n\t\t\t\tlabel: \"Range\",\n\t\t\t\tstart: start,\n\t\t\t\tend: end\n\t\t\t},\n\t\t],\n\t};\n\tupdate_chart.update(data);\n});\n\nchart_update_buttons.querySelector('[data-update=\"add\"]').addEventListener(\"click\", () => {\n\tlet index = update_chart.state.datasetLength; // last index to add\n\tif(index >= updateDataAllIndices.length) return;\n\tupdate_chart.addDataPoint(\n\t\tupdateDataAllLabels[index], [updateDataAllValues[index]]\n\t);\n});\n\nchart_update_buttons.querySelector('[data-update=\"remove\"]').addEventListener(\"click\", () => {\n\tupdate_chart.removeDataPoint();\n});\n\n// Trends Chart\n// ================================================================================\n\nlet plotChartArgs = {\n\ttitle: \"Mean Total Sunspot Count - Yearly\",\n\tdata: trendsData,\n\ttype: 'line',\n\theight: 250,\n\tcolors: ['#238e38'],\n\tlineOptions: {\n\t\thideDots: 1,\n\t\theatline: 1,\n\t},\n\taxisOptions: {\n\t\txAxisMode: 'tick',\n\t\tyAxisMode: 'span',\n\t\txIsSeries: 1\n\t}\n};\n\nnew Chart(\"#chart-trends\", plotChartArgs);\n\nArray.prototype.slice.call(\n\tdocument.querySelectorAll('.chart-plot-buttons button')\n).map(el => {\n\tel.addEventListener('click', (e) => {\n\t\tlet btn = e.target;\n\t\tlet type = btn.getAttribute('data-type');\n\t\tlet config = {};\n\t\tconfig[type] = 1;\n\n\t\tif(['regionFill', 'heatline'].includes(type)) {\n\t\t\tconfig.hideDots = 1;\n\t\t}\n\n\t\t// plotChartArgs.init = false;\n\t\tplotChartArgs.lineOptions = config;\n\n\t\tnew Chart(\"#chart-trends\", plotChartArgs);\n\n\t\tArray.prototype.slice.call(\n\t\t\tbtn.parentNode.querySelectorAll('button')).map(el => {\n\t\t\tel.classList.remove('active');\n\t\t});\n\t\tbtn.classList.add('active');\n\t});\n});\n\n\n// Event chart\n// ================================================================================\n\n\n\nlet eventsData = {\n\tlabels: [\"Ganymede\", \"Callisto\", \"Io\", \"Europa\"],\n\tdatasets: [\n\t\t{\n\t\t\t\"values\": moonData.distances,\n\t\t\t\"formatted\": moonData.distances.map(d => d*1000 + \" km\")\n\t\t}\n\t]\n};\n\nlet eventsChart = new Chart(\"#chart-events\", {\n\ttitle: \"Jupiter's Moons: Semi-major Axis (1000 km)\",\n\tdata: eventsData,\n\ttype: 'bar',\n\theight: 250,\n\tcolors: ['grey'],\n\tisNavigable: 1,\n});\n\nlet dataDiv = document.querySelector('.chart-events-data');\n\neventsChart.parent.addEventListener('data-select', (e) => {\n\tlet name = moonData.names[e.index];\n\tdataDiv.querySelector('.moon-name').innerHTML = name;\n\tdataDiv.querySelector('.semi-major-axis').innerHTML = moonData.distances[e.index] * 1000;\n\tdataDiv.querySelector('.mass').innerHTML = moonData.masses[e.index];\n\tdataDiv.querySelector('.diameter').innerHTML = moonData.diameters[e.index];\n\tdataDiv.querySelector('img').src = \"./assets/img/\" + name.toLowerCase() + \".jpg\";\n});\n\n// Heatmap\n// ================================================================================\n\nlet heatmap = new Chart(\"#chart-heatmap\", {\n\tdata: heatmapData,\n\ttype: 'heatmap',\n\theight: 115,\n\tdiscreteDomains: 1,\n\tcolors: ['#ebedf0', '#fdf436', '#ffc700', '#ff9100', '#06001c']\n});\n\nconsole.log(heatmapData, heatmap);\n\nArray.prototype.slice.call(\n\tdocument.querySelectorAll('.heatmap-mode-buttons button')\n).map(el => {\n\tel.addEventListener('click', (e) => {\n\t\tlet btn = e.target;\n\t\tlet mode = btn.getAttribute('data-mode');\n\t\tlet discreteDomains = 0;\n\n\t\tif(mode === 'discrete') {\n\t\t\tdiscreteDomains = 1;\n\t\t}\n\n\t\tlet colors = [];\n\t\tlet colors_mode = document\n\t\t\t.querySelector('.heatmap-color-buttons .active')\n\t\t\t.getAttribute('data-color');\n\t\tif(colors_mode === 'halloween') {\n\t\t\tcolors = ['#ebedf0', '#fdf436', '#ffc700', '#ff9100', '#06001c'];\n\t\t}\n\n\t\tnew Chart(\"#chart-heatmap\", {\n\t\t\tdata: heatmapData,\n\t\t\ttype: 'heatmap',\n\t\t\tlegendScale: [0, 1, 2, 4, 5],\n\t\t\theight: 115,\n\t\t\tdiscreteDomains: discreteDomains,\n\t\t\tcolors: colors\n\t\t});\n\n\t\tArray.prototype.slice.call(\n\t\t\tbtn.parentNode.querySelectorAll('button')).map(el => {\n\t\t\tel.classList.remove('active');\n\t\t});\n\t\tbtn.classList.add('active');\n\t});\n});\n\nArray.prototype.slice.call(\n\tdocument.querySelectorAll('.heatmap-color-buttons button')\n).map(el => {\n\tel.addEventListener('click', (e) => {\n\t\tlet btn = e.target;\n\t\tlet colors_mode = btn.getAttribute('data-color');\n\t\tlet colors = [];\n\n\t\tif(colors_mode === 'halloween') {\n\t\t\tcolors = ['#ebedf0', '#fdf436', '#ffc700', '#ff9100', '#06001c'];\n\t\t}\n\n\t\tlet discreteDomains = 1;\n\n\t\tlet view_mode = document\n\t\t\t.querySelector('.heatmap-mode-buttons .active')\n\t\t\t.getAttribute('data-mode');\n\t\tif(view_mode === 'continuous') {\n\t\t\tdiscreteDomains = 0;\n\t\t}\n\n\t\tnew Chart(\"#chart-heatmap\", {\n\t\t\tdata: heatmapData,\n\t\t\ttype: 'heatmap',\n\t\t\tlegendScale: [0, 1, 2, 4, 5],\n\t\t\theight: 115,\n\t\t\tdiscreteDomains: discreteDomains,\n\t\t\tcolors: colors\n\t\t});\n\n\t\tArray.prototype.slice.call(\n\t\t\tbtn.parentNode.querySelectorAll('button')).map(el => {\n\t\t\tel.classList.remove('active');\n\t\t});\n\t\tbtn.classList.add('active');\n\t});\n});\n"],"names":["shuffle","array","i","length","j","Math","floor","random","MONTH_NAMES_SHORT","reportCountList","lineCompositeData","fireball_5_25","fireball_2_5","fireballOver25","barCompositeData","typeData","trendsData","moonData","today","Date","start","getTime","end","setFullYear","getFullYear","dataPoints","current_date","timestamp","toFixed","parseInt","heatmapData","c1","document","querySelector","c2","Chart","frappe","lineCompositeChart","barCompositeChart","parent","addEventListener","e","index","updateDatasets","args","d","toUpperCase","aggrChart","Array","prototype","slice","call","querySelectorAll","map","btn","target","type","getAttribute","newChart","getDifferentChart","parentNode","classList","remove","add","updateDataAllLabels","getRandom","updateDataAllValues","from","updateDataAllIndices","getUpdateData","source_array","indices","update_data","update_chart","chart_update_buttons","value","data","values","update","state","datasetLength","addDataPoint","removeDataPoint","plotChartArgs","config","includes","hideDots","lineOptions","eventsData","distances","eventsChart","dataDiv","name","names","innerHTML","masses","diameters","src","toLowerCase","heatmap","console","log","mode","discreteDomains","colors","colors_mode","view_mode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA;AACA;AACA;;;;;AC/BA;;;;;AAKA;;;;;;AAaA,AAAO,SAASA,OAAT,CAAiBC,KAAjB,EAAwB;;;;;MAKzB,IAAIC,IAAID,MAAME,MAAN,GAAe,CAA5B,EAA+BD,IAAI,CAAnC,EAAsCA,GAAtC,EAA2C;MACtCE,IAAIC,KAAKC,KAAL,CAAWD,KAAKE,MAAL,MAAiBL,IAAI,CAArB,CAAX,CAAR;aACuB,CAACD,MAAMG,CAAN,CAAD,EAAWH,MAAMC,CAAN,CAAX,CAFmB;QAEnCA,CAAN,CAFyC;QAEzBE,CAAN,CAF+B;;;QAKpCH,KAAP;;;;;;;;;;AAUD;;;;;;;;AChDA;;AAEA;AACA;AACA;;AAEA;;AAGA,AAAO,IAAMO,oBAAoB,CAAC,KAAD,EAAQ,KAAR,EAAe,KAAf,EAAsB,KAAtB,EAA6B,KAA7B,EAAoC,KAApC,EAA2C,KAA3C,EAAkD,KAAlD,EAAyD,KAAzD,EAAgE,KAAhE,EAAuE,KAAvE,EAA8E,KAA9E,CAA1B;;;AAGP;;AAgBA;;AAIA;;AAIA;;;;AClCA;;AAEA,IAAMC,kBAAkB,CAAC,GAAD,EAAM,GAAN,EAAW,GAAX,EAAgB,GAAhB,EAAqB,GAArB,EAA0B,GAA1B,EACvB,IADuB,EACjB,IADiB,EACX,IADW,EACL,IADK,EACC,IADD,CAAxB;;AAGA,AAAO,IAAMC,oBAAoB;SACxB,CAAC,MAAD,EAAS,MAAT,EAAiB,MAAjB,EAAyB,MAAzB,EAAiC,MAAjC,EAAyC,MAAzC,EACP,MADO,EACC,MADD,EACS,MADT,EACiB,MADjB,EACyB,MADzB,CADwB;;WAItB,CACT;SACQ,2BADR;SAEQ;EAHC,CAJsB;;WAWtB,CAAC;UACF,QADE;YAEAD;EAFD;CAXJ;;AAkBP,AAAO,IAAME,gBAAgB,CAC5B,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,CAA/B,EAAkC,CAAlC,CAD4B,EAE5B,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,EAA/B,EAAmC,CAAnC,CAF4B,EAG5B,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,CAA/B,EAAkC,CAAlC,CAH4B,EAI5B,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,CAA/B,EAAkC,CAAlC,CAJ4B,EAK5B,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,EAAzB,EAA6B,EAA7B,EAAiC,EAAjC,EAAqC,EAArC,CAL4B,EAM5B,CAAC,CAAD,EAAI,EAAJ,EAAQ,EAAR,EAAY,CAAZ,EAAe,CAAf,EAAkB,CAAlB,EAAqB,CAArB,EAAwB,CAAxB,EAA2B,EAA3B,EAA+B,EAA/B,EAAmC,EAAnC,EAAuC,EAAvC,CAN4B,EAO5B,CAAC,EAAD,EAAK,EAAL,EAAS,EAAT,EAAa,EAAb,EAAiB,EAAjB,EAAqB,EAArB,EAAyB,EAAzB,EAA6B,EAA7B,EAAiC,EAAjC,EAAqC,EAArC,EAAyC,EAAzC,EAA6C,EAA7C,CAP4B,EAQ5B,CAAC,EAAD,EAAK,EAAL,EAAS,EAAT,EAAa,EAAb,EAAiB,EAAjB,EAAqB,EAArB,EAAyB,EAAzB,EAA6B,EAA7B,EAAiC,EAAjC,EAAqC,EAArC,EAAyC,EAAzC,EAA6C,EAA7C,CAR4B,EAS5B,CAAC,EAAD,EAAK,EAAL,EAAS,EAAT,EAAa,EAAb,EAAiB,EAAjB,EAAqB,EAArB,EAAyB,EAAzB,EAA6B,EAA7B,EAAiC,EAAjC,EAAqC,EAArC,EAAyC,GAAzC,EAA8C,EAA9C,CAT4B,EAU5B,CAAC,EAAD,EAAK,EAAL,EAAS,EAAT,EAAa,EAAb,EAAiB,EAAjB,EAAqB,EAArB,EAAyB,EAAzB,EAA6B,EAA7B,EAAiC,EAAjC,EAAqC,EAArC,EAAyC,EAAzC,EAA6C,EAA7C,CAV4B,EAW5B,CAAC,EAAD,EAAK,EAAL,EAAS,EAAT,EAAa,EAAb,EAAiB,EAAjB,EAAqB,EAArB,EAAyB,EAAzB,EAA6B,EAA7B,EAAiC,EAAjC,EAAqC,EAArC,EAAyC,EAAzC,EAA6C,EAA7C,CAX4B,CAAtB;AAaP,AAAO,IAAMC,eAAe,CAC3B,CAAC,EAAD,EAAK,CAAL,EAAQ,CAAR,EAAW,CAAX,EAAc,CAAd,EAAiB,CAAjB,EAAoB,CAApB,EAAuB,EAAvB,EAA2B,EAA3B,EAA+B,EAA/B,EAAmC,CAAnC,EAAsC,EAAtC,CAD2B,EAE3B,CAAC,EAAD,EAAK,EAAL,EAAS,EAAT,EAAa,CAAb,EAAgB,CAAhB,EAAmB,EAAnB,EAAuB,CAAvB,EAA0B,EAA1B,EAA8B,EAA9B,EAAkC,EAAlC,EAAsC,EAAtC,EAA0C,EAA1C,CAF2B,EAG3B,CAAC,EAAD,EAAK,EAAL,EAAS,EAAT,EAAa,EAAb,EAAiB,EAAjB,EAAqB,EAArB,EAAyB,EAAzB,EAA6B,EAA7B,EAAiC,EAAjC,EAAqC,EAArC,EAAyC,CAAzC,EAA4C,CAA5C,CAH2B,EAI3B,CAAC,CAAD,EAAI,EAAJ,EAAQ,EAAR,EAAY,EAAZ,EAAgB,EAAhB,EAAoB,EAApB,EAAwB,EAAxB,EAA4B,EAA5B,EAAgC,EAAhC,EAAoC,EAApC,EAAwC,EAAxC,EAA4C,EAA5C,CAJ2B,EAK3B,CAAC,EAAD,EAAK,EAAL,EAAS,EAAT,EAAa,EAAb,EAAiB,EAAjB,EAAqB,EAArB,EAAyB,EAAzB,EAA6B,EAA7B,EAAiC,EAAjC,EAAqC,EAArC,EAAyC,EAAzC,EAA6C,EAA7C,CAL2B,EAM3B,CAAC,EAAD,EAAK,EAAL,EAAS,EAAT,EAAa,EAAb,EAAiB,EAAjB,EAAqB,EAArB,EAAyB,EAAzB,EAA6B,EAA7B,EAAiC,EAAjC,EAAqC,EAArC,EAAyC,EAAzC,EAA6C,EAA7C,CAN2B,EAO3B,CAAC,EAAD,EAAK,EAAL,EAAS,EAAT,EAAa,EAAb,EAAiB,EAAjB,EAAqB,EAArB,EAAyB,EAAzB,EAA6B,EAA7B,EAAiC,EAAjC,EAAqC,GAArC,EAA0C,GAA1C,EAA+C,EAA/C,CAP2B,EAQ3B,CAAC,EAAD,EAAK,EAAL,EAAS,EAAT,EAAa,EAAb,EAAiB,EAAjB,EAAqB,EAArB,EAAyB,EAAzB,EAA6B,EAA7B,EAAiC,GAAjC,EAAsC,EAAtC,EAA0C,GAA1C,EAA+C,EAA/C,CAR2B,EAS3B,CAAC,EAAD,EAAK,EAAL,EAAS,EAAT,EAAa,EAAb,EAAiB,EAAjB,EAAqB,EAArB,EAAyB,EAAzB,EAA6B,GAA7B,EAAkC,GAAlC,EAAuC,GAAvC,EAA4C,GAA5C,EAAiD,EAAjD,CAT2B,EAU3B,CAAC,GAAD,EAAM,EAAN,EAAU,EAAV,EAAc,EAAd,EAAkB,EAAlB,EAAsB,EAAtB,EAA0B,EAA1B,EAA8B,GAA9B,EAAmC,GAAnC,EAAwC,GAAxC,EAA6C,GAA7C,EAAkD,GAAlD,CAV2B,EAW3B,CAAC,EAAD,EAAK,GAAL,EAAU,EAAV,EAAc,EAAd,EAAkB,EAAlB,EAAsB,EAAtB,EAA0B,EAA1B,EAA8B,GAA9B,EAAmC,GAAnC,EAAwC,GAAxC,EAA6C,GAA7C,EAAkD,GAAlD,CAX2B,CAArB;AAaP,AAAO,IAAMC,iBAAiB;;AAE7B,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,CAA/B,EAAkC,CAAlC,CAF6B,EAG7B,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,CAA/B,EAAkC,CAAlC,CAH6B,EAI7B,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,CAA/B,EAAkC,CAAlC,CAJ6B,EAK7B,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,CAA/B,EAAkC,CAAlC,CAL6B,EAM7B,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,CAA/B,EAAkC,CAAlC,CAN6B,EAO7B,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,CAA/B,EAAkC,CAAlC,CAP6B,EAQ7B,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,EAAzB,EAA6B,CAA7B,EAAgC,CAAhC,EAAmC,CAAnC,CAR6B,EAS7B,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,EAAzB,EAA6B,CAA7B,EAAgC,EAAhC,EAAoC,CAApC,CAT6B,EAU7B,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,EAA/B,EAAmC,CAAnC,CAV6B,EAW7B,CAAC,CAAD,EAAI,EAAJ,EAAQ,EAAR,EAAY,CAAZ,EAAe,CAAf,EAAkB,CAAlB,EAAqB,CAArB,EAAwB,CAAxB,EAA2B,EAA3B,EAA+B,EAA/B,EAAmC,EAAnC,EAAuC,CAAvC,CAX6B,EAY7B,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,EAAzB,EAA6B,EAA7B,EAAiC,EAAjC,EAAqC,EAArC,CAZ6B,CAAvB;;AAeP,AAAO,IAAMC,mBAAmB;SACvBN,iBADuB;WAErB,CACT;QACO,iBADP;UAESK,eAAe,CAAf;EAHA,EAKT;QACO,iBADP;UAESF,cAAc,CAAd;EAPA,EAST;QACO,gBADP;UAESC,aAAa,CAAb;EAXA;CAFJ;;;;AAoBP,AAAO,IAAMG,WAAW;SACf,CAAC,UAAD,EAAa,SAAb,EAAwB,SAAxB,EAAmC,UAAnC,EACP,UADO,EACK,SADL,EACgB,SADhB,EAC2B,UAD3B,CADe;;WAIb,CACT;SACQ,QADR;SAEQ;;EAHC,CAJa;;WAYb,CACT;SACQ,QADR;SAEQ,CAAC,EAFT;OAGM;EAJG,CAZa;;WAoBb,CACT;QACO,WADP;UAES,CAAC,EAAD,EAAK,EAAL,EAAS,EAAT,EAAa,EAAb,EAAiB,CAAjB,EAAoB,EAApB,EAAwB,EAAxB,EAA4B,CAAC,CAA7B,CAFT;gBAGe,OAHf;aAIY;EALH,EAOT;QACO,aADP;UAES,CAAC,EAAD,EAAK,EAAL,EAAS,CAAC,EAAV,EAAc,EAAd,EAAkB,EAAlB,EAAsB,EAAtB,EAA0B,EAA1B,EAA8B,EAA9B,CAFT;gBAGe,OAHf;aAIY;EAXH,EAaT;QACO,aADP;UAES,CAAC,EAAD,EAAK,EAAL,EAAS,CAAC,CAAV,EAAa,CAAC,EAAd,EAAkB,EAAlB,EAAsB,EAAtB,EAA0B,CAAC,EAA3B,EAA+B,EAA/B,CAFT;aAGY;EAhBH;CApBJ;;AAyCP,AAAO,IAAMC,aAAa;SACjB,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,EAAyB,IAAzB,EAA+B,IAA/B,EAAqC,IAArC,EAA2C,IAA3C,EAAiD,IAAjD,EAAuD,IAAvD,EACP,IADO,EACD,IADC,EACK,IADL,EACW,IADX,EACiB,IADjB,EACuB,IADvB,EAC6B,IAD7B,EACmC,IADnC,EACyC,IADzC,EAC+C,IAD/C,EAEP,IAFO,EAED,IAFC,EAEK,IAFL,EAEW,IAFX,EAEiB,IAFjB,EAEuB,IAFvB,EAE6B,IAF7B,EAEmC,IAFnC,EAEyC,IAFzC,EAE+C,IAF/C,EAGP,IAHO,EAGD,IAHC,EAGK,IAHL,EAGW,IAHX,EAGiB,IAHjB,EAGuB,IAHvB,EAG6B,IAH7B,EAGmC,IAHnC,EAGyC,IAHzC,EAG+C,IAH/C,EAIP,IAJO,EAID,IAJC,EAIK,IAJL,EAIW,IAJX,EAIiB,IAJjB,EAIuB,IAJvB,EAI6B,IAJ7B,EAImC,IAJnC,EAIyC,IAJzC,EAI+C,IAJ/C,CADiB;WAMf,CACT;UACS,CAAC,KAAD,EAAQ,KAAR,EAAe,KAAf,EAAsB,KAAtB,EAA6B,IAA7B,EAAmC,IAAnC,EAAyC,IAAzC,EAA+C,IAA/C,EAAqD,IAArD,EAA2D,IAA3D,EACP,IADO,EACD,KADC,EACM,KADN,EACa,KADb,EACoB,KADpB,EAC2B,KAD3B,EACkC,IADlC,EACwC,IADxC,EAC8C,IAD9C,EACoD,IADpD,EAEP,IAFO,EAED,KAFC,EAEM,KAFN,EAEa,KAFb,EAEoB,KAFpB,EAE2B,KAF3B,EAEkC,IAFlC,EAEwC,IAFxC,EAE8C,IAF9C,EAEoD,IAFpD,EAGP,IAHO,EAGD,IAHC,EAGK,KAHL,EAGY,KAHZ,EAGmB,KAHnB,EAG0B,KAH1B,EAGiC,IAHjC,EAGuC,IAHvC,EAG6C,IAH7C,EAGmD,IAHnD,EAIP,IAJO,EAID,GAJC,EAII,GAJJ,EAIS,IAJT,EAIe,IAJf,EAIqB,IAJrB,EAI2B,IAJ3B,EAIiC,KAJjC,EAIwC,IAJxC,EAI8C,IAJ9C;EAFA;CANJ;;AAiBP,AAAO,IAAMC,WAAW;QAChB,CAAC,UAAD,EAAa,UAAb,EAAyB,IAAzB,EAA+B,QAA/B,CADgB;SAEf,CAAC,QAAD,EAAW,QAAX,EAAqB,OAArB,EAA8B,OAA9B,CAFe;YAGZ,CAAC,QAAD,EAAW,QAAX,EAAqB,OAArB,EAA8B,OAA9B,CAHY;YAIZ,CAAC,MAAD,EAAS,MAAT,EAAiB,MAAjB,EAAyB,MAAzB;CAJL;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCP,IAAIC,QAAQ,IAAIC,IAAJ,EAAZ;AACA,IAAIC,QAAQ,IAAID,IAAJ,CAASD,MAAMG,OAAN,EAAT,CAAZ;AACA,IAAIC,MAAM,IAAIH,IAAJ,CAASD,MAAMG,OAAN,EAAT,CAAV;AACAD,MAAMG,WAAN,CAAmBH,MAAMI,WAAN,KAAsB,CAAzC;AACAF,IAAIC,WAAJ,CAAiBH,MAAMI,WAAN,KAAsB,CAAvC;;AAEA,AAAO,IAAIC,aAAa,EAAjB;AACP,IAAIC,eAAe,IAAIP,IAAJ,EAAnB;AACA,IAAIQ,YAAYD,aAAaL,OAAb,KAAuB,IAAvC;AACAM,YAAYtB,KAAKC,KAAL,CAAWqB,YAAaA,YAAY,KAApC,EAA4CC,OAA5C,CAAoD,CAApD,CAAZ;AACA,KAAK,IAAI1B,IAAI,CAAb,EAAgBA,IAAG,GAAnB,EAAwBA,GAAxB,EAA6B;YACjB2B,SAASF,SAAT,CAAX,IAAkCtB,KAAKC,KAAL,CAAWD,KAAKE,MAAL,KAAgB,CAA3B,CAAlC;aACYF,KAAKC,KAAL,CAAWqB,YAAY,KAAvB,EAA8BC,OAA9B,CAAsC,CAAtC,CAAZ;;;AAGD,AAAO,IAAME,cAAc;aACdL,UADc;QAEnBL,KAFmB;MAGrBE;CAHC;;ACzLP,IAAIS,KAAKC,SAASC,aAAT,CAAuB,oBAAvB,CAAT;AACA,IAAIC,KAAKF,SAASC,aAAT,CAAuB,oBAAvB,CAAT;;AAEA,IAAIE,QAAQC,OAAOD,KAAnB;;AAEA,IAAIE,qBAAqB,IAAIF,KAAJ,CAAWJ,EAAX,EAAe;QAChC,4CADgC;OAEjCrB,iBAFiC;OAGjC,MAHiC;SAI/B,GAJ+B;SAK/B,CAAC,OAAD,CAL+B;cAM1B,CAN0B;mBAOrB,CAPqB;;cAS1B;WACH;;;;CAVc,CAAzB;;AAgBA,IAAI4B,oBAAoB,IAAIH,KAAJ,CAAWD,EAAX,EAAe;OAChCpB,gBADgC;OAEhC,KAFgC;SAG9B,GAH8B;SAI9B,CAAC,QAAD,EAAW,YAAX,EAAyB,SAAzB,CAJ8B;mBAKpB,CALoB;cAMzB;aACD;EAP0B;aAS1B;WACF;;;CAVa,CAAxB;;AAeAuB,mBAAmBE,MAAnB,CAA0BC,gBAA1B,CAA2C,aAA3C,EAA0D,UAACC,CAAD,EAAO;KAC5DvC,IAAIuC,EAAEC,KAAV;mBACkBC,cAAlB,CAAiC,CAChC9B,eAAeX,CAAf,CADgC,EACbS,cAAcT,CAAd,CADa,EACKU,aAAaV,CAAb,CADL,CAAjC;CAFD;;;;AASA,IAAI0C,OAAO;OACJ7B,QADI;OAEJ,YAFI;SAGF,GAHE;SAIF,CAAC,QAAD,EAAW,SAAX,EAAsB,YAAtB,CAJE;;kBAMO,CANP;YAOC,EAPD;;iBASM;kBACC;UAAK,CAAC8B,IAAI,EAAL,EAASC,WAAT,EAAL;GADD;kBAEC;UAAKD,IAAI,MAAT;;;CAXlB;;AAeA,IAAIE,YAAY,IAAIZ,KAAJ,CAAU,aAAV,EAAyBS,IAAzB,CAAhB;;AAEAI,MAAMC,SAAN,CAAgBC,KAAhB,CAAsBC,IAAtB,CACCnB,SAASoB,gBAAT,CAA0B,2BAA1B,CADD,EAEEC,GAFF,CAEM,cAAM;IACRb,gBAAH,CAAoB,OAApB,EAA6B,UAACC,CAAD,EAAO;MAC/Ba,MAAMb,EAAEc,MAAZ;MACIC,OAAOF,IAAIG,YAAJ,CAAiB,WAAjB,CAAX;OACKD,IAAL,GAAYA,IAAZ;;MAEIE,WAAWX,UAAUY,iBAAV,CAA4BH,IAA5B,CAAf;MACGE,QAAH,EAAY;eACCA,QAAZ;;QAEKT,SAAN,CAAgBC,KAAhB,CAAsBC,IAAtB,CACCG,IAAIM,UAAJ,CAAeR,gBAAf,CAAgC,QAAhC,CADD,EAC4CC,GAD5C,CACgD,cAAM;MAClDQ,SAAH,CAAaC,MAAb,CAAoB,QAApB;GAFD;MAIID,SAAJ,CAAcE,GAAd,CAAkB,QAAlB;EAbD;CAHD;;;;AAsBA,IAAIC,sBAAsB,CAAC,KAAD,EAAQ,KAAR,EAAe,KAAf,EAAsB,KAAtB,EAA6B,KAA7B,EAAoC,KAApC,EAA2C,KAA3C,EAAkD,KAAlD,EAAyD,KAAzD,EAAgE,KAAhE,EACzB,KADyB,EAClB,KADkB,EACX,KADW,EACJ,KADI,EACG,KADH,EACU,KADV,EACiB,KADjB,EACwB,KADxB,EAC+B,KAD/B,EACsC,KADtC,EAEzB,KAFyB,EAElB,KAFkB,EAEX,KAFW,EAEJ,KAFI,EAEG,KAFH,EAEU,KAFV,EAEiB,KAFjB,EAEwB,KAFxB,EAE+B,KAF/B,EAEsC,KAFtC,CAA1B;;AAIA,IAAIC,YAAY,SAAZA,SAAY;QAAM5D,KAAKC,KAAL,CAAWD,KAAKE,MAAL,KAAgB,EAAhB,GAAqB,EAAhC,CAAN;CAAhB;AACA,IAAI2D,sBAAsBlB,MAAMmB,IAAN,CAAW,EAAChE,QAAQ,EAAT,EAAX,EAAyB8D,SAAzB,CAA1B;;;AAGA,IAAIG,uBAAuBJ,oBAAoBX,GAApB,CAAwB,UAACR,CAAD,EAAG3C,CAAH;QAASA,CAAT;CAAxB,CAA3B;;AAEA,IAAImE,gBAAgB,SAAhBA,aAAgB,CAACC,YAAD,EAA6B;KAAdnE,MAAc,uEAAP,EAAO;;KAC5CoE,UAAUH,qBAAqBlB,KAArB,CAA2B,CAA3B,EAA8B/C,MAA9B,CAAd;QACOoE,QAAQlB,GAAR,CAAY,UAACX,KAAD;SAAW4B,aAAa5B,KAAb,CAAX;EAAZ,CAAP;CAFD;;AAKA,IAAI8B,cAAc;SACTH,cAAcL,mBAAd,CADS;WAEP,CAAC;YACAK,cAAcH,mBAAd;EADD,CAFO;WAKP,CACT;SACQ,UADR;SAEQ,EAFR;QAGO;EAJE,CALO;WAYP,CACT;SACQ,OADR;SAEQ,EAFR;OAGM;EAJG;CAZX;;AAqBA,IAAIO,eAAe,IAAItC,KAAJ,CAAU,eAAV,EAA2B;OACvCqC,WADuC;OAEvC,MAFuC;SAGrC,GAHqC;SAIrC,CAAC,SAAD,CAJqC;cAKhC;;cAEA;;CAPK,CAAnB;;AAWA,IAAIE,uBAAuB1C,SAASC,aAAT,CAAuB,uBAAvB,CAA3B;;AAEAyC,qBAAqBzC,aAArB,CAAmC,wBAAnC,EAA6DO,gBAA7D,CAA8E,OAA9E,EAAuF,YAAM;SACpF4B,oBAAR;KACIO,QAAQV,WAAZ;KACI7C,QAAQ6C,WAAZ;KACI3C,MAAM2C,WAAV;KACIW,OAAO;UACFZ,oBAAoBd,KAApB,CAA0B,CAA1B,EAA6B,EAA7B,CADE;YAEA,CAAC,EAAC2B,QAAQR,cAAcH,mBAAd,CAAT,EAAD,CAFA;YAGA,CACT;UACQ,UADR;UAEQS,KAFR;SAGO;GAJE,CAHA;YAUA,CACT;UACQ,OADR;UAEQvD,KAFR;QAGME;GAJG;EAVX;cAkBawD,MAAb,CAAoBF,IAApB;CAvBD;;AA0BAF,qBAAqBzC,aAArB,CAAmC,qBAAnC,EAA0DO,gBAA1D,CAA2E,OAA3E,EAAoF,YAAM;KACrFE,QAAQ+B,aAAaM,KAAb,CAAmBC,aAA/B,CADyF;KAEtFtC,SAAS0B,qBAAqBjE,MAAjC,EAAyC;cAC5B8E,YAAb,CACCjB,oBAAoBtB,KAApB,CADD,EAC6B,CAACwB,oBAAoBxB,KAApB,CAAD,CAD7B;CAHD;;AAQAgC,qBAAqBzC,aAArB,CAAmC,wBAAnC,EAA6DO,gBAA7D,CAA8E,OAA9E,EAAuF,YAAM;cAC/E0C,eAAb;CADD;;;;;AAOA,IAAIC,gBAAgB;QACZ,mCADY;OAEbnE,UAFa;OAGb,MAHa;SAIX,GAJW;SAKX,CAAC,SAAD,CALW;cAMN;YACF,CADE;YAEF;EARQ;cAUN;aACD,MADC;aAED,MAFC;aAGD;;CAbb;;AAiBA,IAAImB,KAAJ,CAAU,eAAV,EAA2BgD,aAA3B;;AAEAnC,MAAMC,SAAN,CAAgBC,KAAhB,CAAsBC,IAAtB,CACCnB,SAASoB,gBAAT,CAA0B,4BAA1B,CADD,EAEEC,GAFF,CAEM,cAAM;IACRb,gBAAH,CAAoB,OAApB,EAA6B,UAACC,CAAD,EAAO;MAC/Ba,MAAMb,EAAEc,MAAZ;MACIC,OAAOF,IAAIG,YAAJ,CAAiB,WAAjB,CAAX;MACI2B,SAAS,EAAb;SACO5B,IAAP,IAAe,CAAf;;MAEG,CAAC,YAAD,EAAe,UAAf,EAA2B6B,QAA3B,CAAoC7B,IAApC,CAAH,EAA8C;UACtC8B,QAAP,GAAkB,CAAlB;;;;gBAIaC,WAAd,GAA4BH,MAA5B;;MAEIjD,KAAJ,CAAU,eAAV,EAA2BgD,aAA3B;;QAEMlC,SAAN,CAAgBC,KAAhB,CAAsBC,IAAtB,CACCG,IAAIM,UAAJ,CAAeR,gBAAf,CAAgC,QAAhC,CADD,EAC4CC,GAD5C,CACgD,cAAM;MAClDQ,SAAH,CAAaC,MAAb,CAAoB,QAApB;GAFD;MAIID,SAAJ,CAAcE,GAAd,CAAkB,QAAlB;EAnBD;CAHD;;;;;;AAgCA,IAAIyB,aAAa;SACR,CAAC,UAAD,EAAa,UAAb,EAAyB,IAAzB,EAA+B,QAA/B,CADQ;WAEN,CACT;YACWvE,SAASwE,SADpB;eAEcxE,SAASwE,SAAT,CAAmBpC,GAAnB,CAAuB;UAAKR,IAAE,IAAF,GAAS,KAAd;GAAvB;EAHL;CAFX;;AAUA,IAAI6C,cAAc,IAAIvD,KAAJ,CAAU,eAAV,EAA2B;QACrC,4CADqC;OAEtCqD,UAFsC;OAGtC,KAHsC;SAIpC,GAJoC;SAKpC,CAAC,MAAD,CALoC;cAM/B;CANI,CAAlB;;AASA,IAAIG,UAAU3D,SAASC,aAAT,CAAuB,oBAAvB,CAAd;;AAEAyD,YAAYnD,MAAZ,CAAmBC,gBAAnB,CAAoC,aAApC,EAAmD,UAACC,CAAD,EAAO;KACrDmD,OAAO3E,SAAS4E,KAAT,CAAepD,EAAEC,KAAjB,CAAX;SACQT,aAAR,CAAsB,YAAtB,EAAoC6D,SAApC,GAAgDF,IAAhD;SACQ3D,aAAR,CAAsB,kBAAtB,EAA0C6D,SAA1C,GAAsD7E,SAASwE,SAAT,CAAmBhD,EAAEC,KAArB,IAA8B,IAApF;SACQT,aAAR,CAAsB,OAAtB,EAA+B6D,SAA/B,GAA2C7E,SAAS8E,MAAT,CAAgBtD,EAAEC,KAAlB,CAA3C;SACQT,aAAR,CAAsB,WAAtB,EAAmC6D,SAAnC,GAA+C7E,SAAS+E,SAAT,CAAmBvD,EAAEC,KAArB,CAA/C;SACQT,aAAR,CAAsB,KAAtB,EAA6BgE,GAA7B,GAAmC,kBAAkBL,KAAKM,WAAL,EAAlB,GAAuC,MAA1E;CAND;;;;;AAYA,IAAIC,UAAU,IAAIhE,KAAJ,CAAU,gBAAV,EAA4B;OACnCL,WADmC;OAEnC,SAFmC;SAGjC,GAHiC;kBAIxB,CAJwB;SAKjC,CAAC,SAAD,EAAY,SAAZ,EAAuB,SAAvB,EAAkC,SAAlC,EAA6C,SAA7C;CALK,CAAd;;AAQAsE,QAAQC,GAAR,CAAYvE,WAAZ,EAAyBqE,OAAzB;;AAEAnD,MAAMC,SAAN,CAAgBC,KAAhB,CAAsBC,IAAtB,CACCnB,SAASoB,gBAAT,CAA0B,8BAA1B,CADD,EAEEC,GAFF,CAEM,cAAM;IACRb,gBAAH,CAAoB,OAApB,EAA6B,UAACC,CAAD,EAAO;MAC/Ba,MAAMb,EAAEc,MAAZ;MACI+C,OAAOhD,IAAIG,YAAJ,CAAiB,WAAjB,CAAX;MACI8C,kBAAkB,CAAtB;;MAEGD,SAAS,UAAZ,EAAwB;qBACL,CAAlB;;;MAGGE,SAAS,EAAb;MACIC,cAAczE,SAChBC,aADgB,CACF,gCADE,EAEhBwB,YAFgB,CAEH,YAFG,CAAlB;MAGGgD,gBAAgB,WAAnB,EAAgC;YACtB,CAAC,SAAD,EAAY,SAAZ,EAAuB,SAAvB,EAAkC,SAAlC,EAA6C,SAA7C,CAAT;;;MAGGtE,KAAJ,CAAU,gBAAV,EAA4B;SACrBL,WADqB;SAErB,SAFqB;gBAGd,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,CAHc;WAInB,GAJmB;oBAKVyE,eALU;WAMnBC;GANT;;QASMvD,SAAN,CAAgBC,KAAhB,CAAsBC,IAAtB,CACCG,IAAIM,UAAJ,CAAeR,gBAAf,CAAgC,QAAhC,CADD,EAC4CC,GAD5C,CACgD,cAAM;MAClDQ,SAAH,CAAaC,MAAb,CAAoB,QAApB;GAFD;MAIID,SAAJ,CAAcE,GAAd,CAAkB,QAAlB;EA9BD;CAHD;;AAqCAf,MAAMC,SAAN,CAAgBC,KAAhB,CAAsBC,IAAtB,CACCnB,SAASoB,gBAAT,CAA0B,+BAA1B,CADD,EAEEC,GAFF,CAEM,cAAM;IACRb,gBAAH,CAAoB,OAApB,EAA6B,UAACC,CAAD,EAAO;MAC/Ba,MAAMb,EAAEc,MAAZ;MACIkD,cAAcnD,IAAIG,YAAJ,CAAiB,YAAjB,CAAlB;MACI+C,SAAS,EAAb;;MAEGC,gBAAgB,WAAnB,EAAgC;YACtB,CAAC,SAAD,EAAY,SAAZ,EAAuB,SAAvB,EAAkC,SAAlC,EAA6C,SAA7C,CAAT;;;MAGGF,kBAAkB,CAAtB;;MAEIG,YAAY1E,SACdC,aADc,CACA,+BADA,EAEdwB,YAFc,CAED,WAFC,CAAhB;MAGGiD,cAAc,YAAjB,EAA+B;qBACZ,CAAlB;;;MAGGvE,KAAJ,CAAU,gBAAV,EAA4B;SACrBL,WADqB;SAErB,SAFqB;gBAGd,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,CAHc;WAInB,GAJmB;oBAKVyE,eALU;WAMnBC;GANT;;QASMvD,SAAN,CAAgBC,KAAhB,CAAsBC,IAAtB,CACCG,IAAIM,UAAJ,CAAeR,gBAAf,CAAgC,QAAhC,CADD,EAC4CC,GAD5C,CACgD,cAAM;MAClDQ,SAAH,CAAaC,MAAb,CAAoB,QAApB;GAFD;MAIID,SAAJ,CAAcE,GAAd,CAAkB,QAAlB;EA/BD;CAHD;;;;"}
\ No newline at end of file
diff --git a/docs/assets/js/old_index.js b/docs/assets/js/old_index.js
deleted file mode 100755
index 44eff9f..0000000
--- a/docs/assets/js/old_index.js
+++ /dev/null
@@ -1,559 +0,0 @@
-// Composite Chart
-// ================================================================================
-let report_count_list = [17, 40, 33, 44, 126, 156,
-	324, 333, 478, 495, 176];
-
-let bar_composite_data = {
-	labels: ["2007", "2008", "2009", "2010", "2011", "2012",
-		"2013", "2014", "2015", "2016", "2017"],
-
-	yMarkers: [
-		{
-			label: "Marker 1",
-			value: 420,
-		},
-		{
-			label: "Marker 2",
-			value: 250,
-		}
-	],
-
-	yRegions: [
-		{
-			label: "Region Y 1",
-			start: 100,
-			end: 300
-		},
-	],
-
-	datasets: [{
-		"name": "Events",
-		"values": report_count_list,
-		// "formatted": report_count_list.map(d => d + " reports")
-	}]
-};
-
-let line_composite_data = {
-	labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
-	datasets: [{
-		"values": [36, 46, 45, 32, 27, 31, 30, 36, 39, 49, 0, 0],
-		// "values": [36, 46, 45, 32, 27, 31, 30, 36, 39, 49, 40, 40],
-		// "values": [-36, -46, -45, -32, -27, -31, -30, -36, -39, -49, -40, -40],
-	}]
-};
-
-let more_line_data = [
-	[4, 0, 3, 1, 1, 2, 1, 2, 1, 0, 1, 1],
-	// [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
-	[2, 3, 3, 2, 1, 4, 0, 1, 2, 7, 11, 4],
-	[7, 7, 2, 4, 0, 1, 5, 3, 1, 2, 0, 1],
-	[0, 2, 6, 2, 2, 1, 2, 3, 6, 3, 7, 10],
-	[9, 10, 8, 10, 6, 5, 8, 8, 24, 15, 10, 13],
-	[9, 13, 16, 9, 4, 5, 7, 10, 14, 22, 23, 24],
-	[20, 22, 28, 19, 28, 19, 14, 19, 51, 37, 29, 38],
-	[29, 20, 22, 16, 16, 19, 24, 26, 57, 31, 46, 27],
-	[36, 24, 38, 27, 15, 22, 24, 38, 32, 57, 139, 26],
-	[37, 36, 32, 33, 12, 34, 52, 45, 58, 57, 64, 35],
-	[36, 46, 45, 32, 27, 31, 30, 36, 39, 49, 0, 0],
-	// [36, 46, 45, 32, 27, 31, 30, 36, 39, 49, 40, 40]
-	// [-36, -46, -45, -32, -27, -31, -30, -36, -39, -49, -40, -40]
-];
-
-let c1 = document.querySelector("#chart-composite-1");
-let c2 = document.querySelector("#chart-composite-2");
-
-let bar_composite_chart = new Chart (c1, {
-	title: "Fireball/Bolide Events - Yearly (more than 5 reports)",
-	data: bar_composite_data,
-	type: 'bar',
-	height: 180,
-	colors: ['orange'],
-	isNavigable: 1,
-	isSeries: 1,
-	valuesOverPoints: 1,
-	yAxisMode: 'tick'
-	// regionFill: 1
-});
-
-let line_composite_chart = new Chart (c2, {
-	data: line_composite_data,
-	type: 'line',
-	lineOptions: {
-		dotSize: 10
-	},
-	height: 180,
-	colors: ['green'],
-	isSeries: 1,
-	valuesOverPoints: 1,
-});
-
-bar_composite_chart.parent.addEventListener('data-select', (e) => {
-	line_composite_chart.updateDataset(more_line_data[e.index]);
-});
-
-
-// Demo Chart (bar, linepts, scatter(blobs), percentage)
-// ================================================================================
-let type_data = {
-	labels: ["12am-3am", "3am-6am", "6am-9am", "9am-12pm",
-		"12pm-3pm", "3pm-6pm", "6pm-9pm", "9pm-12am"],
-
-	yMarkers: [
-		{
-			label: "Marker 1",
-			value: 42,
-			type: 'dashed'
-		},
-		{
-			label: "Marker 2",
-			value: 25,
-			type: 'dashed'
-		}
-	],
-
-	yRegions: [
-		{
-			label: "Region Y 1",
-			start: -10,
-			end: 50
-		},
-	],
-
-	// will depend on series code for calculating X values
-	// xRegions: [
-	// 	{
-	// 		label: "Region X 2",
-	// 		start: ,
-	// 		end: ,
-	// 	}
-	// ],
-
-	datasets: [
-		{
-			name: "Some Data",
-			values: [18, 40, 30, 35, 8, 52, 17, -4],
-			axisPosition: 'right',
-			chartType: 'bar'
-		},
-		{
-			name: "Another Set",
-			values: [30, 50, -10, 15, 18, 32, 27, 14],
-			axisPosition: 'right',
-			chartType: 'bar'
-		},
-		{
-			name: "Yet Another",
-			values: [15, 20, -3, -15, 58, 12, -17, 37],
-			chartType: 'line'
-		}
-
-		// temp : Stacked
-		// {
-		// 	name: "Some Data",
-		// 	values:[25, 30, 50, 45, 18, 12, 27, 14]
-		// },
-		// {
-		// 	name: "Another Set",
-		// 	values: [18, 20, 30, 35, 8, 7, 17, 4]
-		// },
-		// {
-		// 	name: "Another Set",
-		// 	values: [11, 8, 19, 15, 3, 4, 10, 2]
-		// },
-	]
-};
-
-let type_chart = new Chart("#chart-types", {
-	// title: "My Awesome Chart",
-	data: type_data,
-	type: 'bar',
-	height: 250,
-	colors: ['purple', 'magenta', 'light-blue'],
-	isSeries: 1,
-	xAxisMode: 'tick',
-	yAxisMode: 'span',
-	valuesOverPoints: 1,
-	barOptions: {
-		stacked: 1
-	}
-    // formatTooltipX: d => (d + '').toUpperCase(),
-    // formatTooltipY: d => d + ' pts'
-});
-
-Array.prototype.slice.call(
-	document.querySelectorAll('.chart-type-buttons button')
-).map(el => {
-	el.addEventListener('click', (e) => {
-		let btn = e.target;
-		let type = btn.getAttribute('data-type');
-
-		let newChart = type_chart.getDifferentChart(type);
-		if(newChart){
-			type_chart = newChart;
-		}
-		Array.prototype.slice.call(
-			btn.parentNode.querySelectorAll('button')).map(el => {
-			el.classList.remove('active');
-		});
-		btn.classList.add('active');
-	});
-});
-
-// Trends Chart
-// ================================================================================
-let trends_data = {
-	labels: [1967, 1968, 1969, 1970, 1971, 1972, 1973, 1974, 1975, 1976,
-		1977, 1978, 1979, 1980, 1981, 1982, 1983, 1984, 1985, 1986,
-		1987, 1988, 1989, 1990, 1991, 1992, 1993, 1994, 1995, 1996,
-		1997, 1998, 1999, 2000, 2001, 2002, 2003, 2004, 2005, 2006,
-		2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016] ,
-	datasets: [
-		{
-			"values": [132.9, 150.0, 149.4, 148.0,  94.4,  97.6,  54.1,  49.2,  22.5, 18.4,
-				39.3, 131.0, 220.1, 218.9, 198.9, 162.4,  91.0,  60.5,  20.6,  14.8,
-				33.9, 123.0, 211.1, 191.8, 203.3, 133.0,  76.1,  44.9,  25.1,  11.6,
-				28.9,  88.3, 136.3, 173.9, 170.4, 163.6,  99.3,  65.3,  45.8,  24.7,
-				12.6,   4.2,   4.8,  24.9,  80.8,  84.5,  94.0, 113.3,  69.8,  39.8]
-		}
-	]
-};
-
-let plot_chart_args = {
-	title: "Mean Total Sunspot Count - Yearly",
-	data: trends_data,
-	type: 'line',
-	height: 250,
-	colors: ['blue'],
-	isSeries: 1,
-	lineOptions: {
-		hideDots: 1,
-		heatline: 1,
-	},
-	xAxisMode: 'tick',
-	yAxisMode: 'span'
-};
-
-new Chart("#chart-trends", plot_chart_args);
-
-Array.prototype.slice.call(
-	document.querySelectorAll('.chart-plot-buttons button')
-).map(el => {
-	el.addEventListener('click', (e) => {
-		let btn = e.target;
-		let type = btn.getAttribute('data-type');
-		let config = [];
-
-		if(type === 'line') {
-			config = [0, 0, 0];
-		} else if(type === 'region') {
-			config = [0, 0, 1];
-		} else {
-			config = [0, 1, 0];
-		}
-
-		plot_chart_args.hideDots = config[0];
-		plot_chart_args.heatline = config[1];
-		plot_chart_args.regionFill = config[2];
-
-		plot_chart_args.init = false;
-
-		new Chart("#chart-trends", plot_chart_args);
-
-		Array.prototype.slice.call(
-			btn.parentNode.querySelectorAll('button')).map(el => {
-			el.classList.remove('active');
-		});
-		btn.classList.add('active');
-	});
-});
-
-// Update values chart
-// ================================================================================
-let update_data_all_labels = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Mon", "Tue",
-	"Wed", "Thu", "Fri", "Sat", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri",
-	"Sat", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Mon"];
-let update_data_all_values = Array.from({length: 30}, () => Math.floor(Math.random() * 75 - 15));
-
-// We're gonna be shuffling this
-let update_data_all_indices = update_data_all_labels.map((d,i) => i);
-
-let get_update_data = (source_array, length=10) => {
-	let indices = update_data_all_indices.slice(0, length);
-	return indices.map((index) => source_array[index]);
-};
-
-let update_data = {
-	labels: get_update_data(update_data_all_labels),
-	datasets: [{
-		"values": get_update_data(update_data_all_values)
-	}],
-	"specific_values": [
-		{
-			name: "Altitude",
-			// name: "A very long text",
-			line_type: "dashed",
-			value: 38
-		},
-	]
-};
-
-let update_chart = new Chart("#chart-update", {
-	data: update_data,
-	type: 'line',
-	height: 250,
-	colors: ['red'],
-	isSeries: 1,
-	lineOptions: {
-		regionFill: 1
-	},
-});
-
-let chart_update_buttons = document.querySelector('.chart-update-buttons');
-
-chart_update_buttons.querySelector('[data-update="random"]').addEventListener("click", (e) => {
-	shuffle(update_data_all_indices);
-	let data = {
-		labels: update_data_all_labels.slice(0, 10),
-		datasets: [{values: get_update_data(update_data_all_values)}],
-	}
-	update_chart.update(data);
-});
-
-chart_update_buttons.querySelector('[data-update="add"]').addEventListener("click", (e) => {
-	let index = update_chart.state.datasetLength; // last index to add
-	if(index >= update_data_all_indices.length) return;
-	update_chart.addDataPoint(
-		update_data_all_labels[index], [update_data_all_values[index]]
-	);
-});
-
-chart_update_buttons.querySelector('[data-update="remove"]').addEventListener("click", (e) => {
-	update_chart.removeDataPoint();
-});
-
-
-// Event chart
-// ================================================================================
-let moon_names = ["Ganymede", "Callisto", "Io", "Europa"];
-let masses = [14819000, 10759000, 8931900, 4800000];
-let distances = [1070.412, 1882.709, 421.700, 671.034];
-let diameters = [5262.4, 4820.6, 3637.4, 3121.6];
-
-let jupiter_moons = {
-	'Ganymede': {
-		mass: '14819000 x 10^16 kg',
-		'semi-major-axis': '1070412 km',
-		'diameter': '5262.4 km'
-	},
-	'Callisto': {
-		mass: '10759000 x 10^16 kg',
-		'semi-major-axis': '1882709 km',
-		'diameter': '4820.6 km'
-	},
-	'Io': {
-		mass: '8931900 x 10^16 kg',
-		'semi-major-axis': '421700 km',
-		'diameter': '3637.4 km'
-	},
-	'Europa': {
-		mass: '4800000 x 10^16 kg',
-		'semi-major-axis': '671034 km',
-		'diameter': '3121.6 km'
-	},
-};
-
-let events_data = {
-	labels: ["Ganymede", "Callisto", "Io", "Europa"],
-	datasets: [
-		{
-			"values": distances,
-			"formatted": distances.map(d => d*1000 + " km")
-		}
-	]
-};
-
-let events_chart = new Chart("#chart-events", {
-	title: "Jupiter's Moons: Semi-major Axis (1000 km)",
-	data: events_data,
-	type: 'bar',
-	height: 250,
-	colors: ['grey'],
-	isNavigable: 1,
-});
-
-let data_div = document.querySelector('.chart-events-data');
-
-events_chart.parent.addEventListener('data-select', (e) => {
-	let name = moon_names[e.index];
-	data_div.querySelector('.moon-name').innerHTML = name;
-	data_div.querySelector('.semi-major-axis').innerHTML = distances[e.index] * 1000;
-	data_div.querySelector('.mass').innerHTML = masses[e.index];
-	data_div.querySelector('.diameter').innerHTML = diameters[e.index];
-	data_div.querySelector('img').src = "./assets/img/" + name.toLowerCase() + ".jpg";
-});
-
-// Aggregation chart
-// ================================================================================
-let aggr_data = {
-	labels: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
-	datasets: [
-		{
-			"values": [25, 40, 30, 35, 8, 52, 17]
-		},
-		{
-			"values": [25, 50, 10, 15, 18, 32, 27],
-		}
-	]
-};
-
-let aggr_chart = new Chart("#chart-aggr", {
-	data: aggr_data,
-	type: 'bar',
-	height: 250,
-	colors: ['light-green', 'blue'],
-	valuesOverPoints: 1,
-	barOptions: {
-		// stacked: 1
-	}
-});
-
-document.querySelector('[data-aggregation="sums"]').addEventListener("click", (e) => {
-	if(e.target.innerHTML === "Show Sums") {
-		aggr_chart.show_sums();
-		e.target.innerHTML = "Hide Sums";
-	} else {
-		aggr_chart.hide_sums();
-		e.target.innerHTML = "Show Sums";
-	}
-});
-
-document.querySelector('[data-aggregation="average"]').addEventListener("click", (e) => {
-	if(e.target.innerHTML === "Show Averages") {
-		aggr_chart.show_averages();
-		e.target.innerHTML = "Hide Averages";
-	} else {
-		aggr_chart.hide_averages();
-		e.target.innerHTML = "Show Averages";
-	}
-});
-
-// Heatmap
-// ================================================================================
-
-let heatmap_data = {};
-let current_date = new Date();
-let timestamp = current_date.getTime()/1000;
-timestamp = Math.floor(timestamp - (timestamp % 86400)).toFixed(1); // convert to midnight
-for (var i = 0; i< 375; i++) {
-	heatmap_data[parseInt(timestamp)] = Math.floor(Math.random() * 5);
-	timestamp = Math.floor(timestamp - 86400).toFixed(1);
-}
-
-new Chart("#chart-heatmap", {
-	data: heatmap_data,
-	type: 'heatmap',
-	legend_scale: [0, 1, 2, 4, 5],
-	height: 115,
-	discrete_domains: 1
-});
-
-Array.prototype.slice.call(
-	document.querySelectorAll('.heatmap-mode-buttons button')
-).map(el => {
-	el.addEventListener('click', (e) => {
-		let btn = e.target;
-		let mode = btn.getAttribute('data-mode');
-		let discrete_domains = 0;
-
-		if(mode === 'discrete') {
-			discrete_domains = 1;
-		}
-
-		let colors = [];
-		let colors_mode = document
-			.querySelector('.heatmap-color-buttons .active')
-			.getAttribute('data-color');
-		if(colors_mode === 'halloween') {
-			colors = ['#ebedf0', '#fdf436', '#ffc700', '#ff9100', '#06001c'];
-		}
-
-		new Chart("#chart-heatmap", {
-			data: heatmap_data,
-			type: 'heatmap',
-			legend_scale: [0, 1, 2, 4, 5],
-			height: 115,
-			discrete_domains: discrete_domains,
-			legend_colors: colors
-		});
-
-		Array.prototype.slice.call(
-			btn.parentNode.querySelectorAll('button')).map(el => {
-			el.classList.remove('active');
-		});
-		btn.classList.add('active');
-	});
-});
-
-Array.prototype.slice.call(
-	document.querySelectorAll('.heatmap-color-buttons button')
-).map(el => {
-	el.addEventListener('click', (e) => {
-		let btn = e.target;
-		let colors_mode = btn.getAttribute('data-color');
-		let colors = [];
-
-		if(colors_mode === 'halloween') {
-			colors = ['#ebedf0', '#fdf436', '#ffc700', '#ff9100', '#06001c'];
-		}
-
-		let discrete_domains = 1;
-
-		let view_mode = document
-			.querySelector('.heatmap-mode-buttons .active')
-			.getAttribute('data-mode');
-		if(view_mode === 'continuous') {
-			discrete_domains = 0;
-		}
-
-		new Chart("#chart-heatmap", {
-			data: heatmap_data,
-			type: 'heatmap',
-			legend_scale: [0, 1, 2, 4, 5],
-			height: 115,
-			discrete_domains: discrete_domains,
-			legend_colors: colors
-		});
-
-		Array.prototype.slice.call(
-			btn.parentNode.querySelectorAll('button')).map(el => {
-			el.classList.remove('active');
-		});
-		btn.classList.add('active');
-	});
-});
-
-// Helpers
-// ================================================================================
-function shuffle(array) {
-	// https://stackoverflow.com/a/2450976/6495043
-	// Awesomeness: https://bost.ocks.org/mike/shuffle/
-
-	var currentIndex = array.length, temporaryValue, randomIndex;
-
-	// While there remain elements to shuffle...
-	while (0 !== currentIndex) {
-
-		// Pick a remaining element...
-		randomIndex = Math.floor(Math.random() * currentIndex);
-		currentIndex -= 1;
-
-		// And swap it with the current element.
-		temporaryValue = array[currentIndex];
-		array[currentIndex] = array[randomIndex];
-		array[randomIndex] = temporaryValue;
-	}
-
-	return array;
-}
-
-
diff --git a/docs/index.html b/docs/index.html
index f5d7069..4baf5c2 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -29,7 +29,6 @@
           <h1>Frappe Charts</h1>
           <p class="mt-2">GitHub-inspired simple and modern charts for the web</p>
           <p class="mt-2">with zero dependencies.</p>
-          <!--<p class="mt-2">Because dumb charts are hard to come by.</p>-->
         </div>
 
         <div class="col-sm-10 push-sm-1 later" style="font-size: 14px;">
@@ -182,7 +181,7 @@
                 And a Month-wise Heatmap
               </h6>
               <div id="chart-heatmap" class="border"
-                style="overflow: scroll; text-align: center; padding: 20px;"></div>
+                style="overflow: scroll;"></div>
               <div class="heatmap-mode-buttons btn-group mt-1 mx-auto" role="group">
                 <button type="button" class="btn btn-sm btn-secondary active" data-mode="discrete">Discrete</button>
                 <button type="button" class="btn btn-sm btn-secondary" data-mode="continuous">Continuous</button>
@@ -336,6 +335,6 @@
     </a>
 
     <script src="assets/js/frappe-charts.min.js"></script>
-    <script src="assets/js/index.js"></script>
+    <script src="assets/js/index.min.js"></script>
   </body>
 </html>
diff --git a/rollup.config.js b/rollup.config.js
index 93f0307..530e662 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -56,6 +56,43 @@ export default [
 			uglify()
 		]
 	},
+	{
+		input: 'docs/assets/js/index.js',
+		sourcemap: true,
+		output: [
+			{
+				file: 'docs/assets/js/index.min.js',
+				format: 'iife',
+			}
+		],
+		name: 'frappe',
+		plugins: [
+			postcss({
+				preprocessor: (content, id) => new Promise((resolve, reject) => {
+					const result = sass.renderSync({ file: id })
+					resolve({ code: result.css.toString() })
+				}),
+				extensions: [ '.scss' ],
+				plugins: [
+					nested(),
+					cssnext({ warnForDuplicates: false }),
+					cssnano()
+				]
+			}),
+			eslint({
+				exclude: [
+					'src/scss/**'
+				]
+			}),
+			babel({
+				exclude: 'node_modules/**'
+			}),
+			replace({
+				exclude: 'node_modules/**',
+				ENV: JSON.stringify(process.env.NODE_ENV || 'development'),
+			})
+		]
+	},
 	{
 		input: 'src/js/chart.js',
 		output: [
diff --git a/src/js/charts/BaseChart.js b/src/js/charts/BaseChart.js
index 1113700..2bef15b 100644
--- a/src/js/charts/BaseChart.js
+++ b/src/js/charts/BaseChart.js
@@ -112,7 +112,7 @@ export default class BaseChart {
 	bindTooltip() {}
 
 	draw(onlyWidthChange=false, init=false) {
-		this.calcWidth();
+		this.updateWidth();
 		this.calc(onlyWidthChange);
 		this.makeChartArea();
 		this.setupComponents();
@@ -133,7 +133,7 @@ export default class BaseChart {
 		this.setupNavigation(init);
 	}
 
-	calcWidth() {
+	updateWidth() {
 		this.baseWidth = getElementContentWidth(this.parent);
 		this.width = this.baseWidth - (this.leftMargin + this.rightMargin);
 	}
@@ -179,12 +179,8 @@ export default class BaseChart {
 
 	updateNav() {
 		if(this.config.isNavigable) {
-			// if(!this.overlayGuides){
 			this.makeOverlay();
 			this.bindUnits();
-			// } else {
-			// 	this.updateOverlay();
-			// }
 		}
 	}
 
diff --git a/src/js/charts/Heatmap.js b/src/js/charts/Heatmap.js
index a90bc86..79be755 100644
--- a/src/js/charts/Heatmap.js
+++ b/src/js/charts/Heatmap.js
@@ -1,6 +1,6 @@
 import BaseChart from './BaseChart';
 import { makeSVGGroup, makeHeatSquare, makeText } from '../utils/draw';
-import { addDays, getDdMmYyyy, getWeeksBetween, getMonthName,
+import { addDays, getDdMmYyyy, getWeeksBetween, getMonthName, clone,
 	NO_OF_MILLIS, NO_OF_YEAR_MONTHS, NO_OF_DAYS_IN_WEEK } from '../utils/date-utils';
 import { calcDistribution, getMaxCheckpoint } from '../utils/intervals';
 import { HEATMAP_DISTRIBUTION_SIZE, HEATMAP_SQUARE_SIZE,
@@ -42,13 +42,7 @@ export default class Heatmap extends BaseChart {
 		this.no_of_cols = getWeeksBetween(this.firstWeekStart + '', this.lastWeekStart + '') + 1;
 	}
 
-	setMargins() {
-		super.setMargins();
-		// this.leftMargin = HEATMAP_SQUARE_SIZE;
-		// this.topMargin = HEATMAP_SQUARE_SIZE;
-	}
-
-	calcWidth() {
+	updateWidth() {
 		this.baseWidth = (this.no_of_cols + 99) * COL_SIZE;
 
 		if(this.discreteDomains) {
@@ -68,8 +62,13 @@ export default class Heatmap extends BaseChart {
 	}
 
 	calc() {
-		let dataValues = Object.keys(this.dataPoints).map(key => this.dataPoints[key]);
-		this.distribution = calcDistribution(dataValues, HEATMAP_DISTRIBUTION_SIZE);
+		this.distribution = calcDistribution(
+			Object.values(this.dataPoints), HEATMAP_DISTRIBUTION_SIZE);
+	}
+
+	update(data=this.data) {
+		this.data = this.prepareData(data);
+		this.draw();
 	}
 
 	render() {
diff --git a/src/js/utils/constants.js b/src/js/utils/constants.js
index 979a208..2d1f449 100644
--- a/src/js/utils/constants.js
+++ b/src/js/utils/constants.js
@@ -16,7 +16,7 @@ export const DATA_COLOR_DIVISIONS = {
 	heatmap: HEATMAP_DISTRIBUTION_SIZE
 };
 
-export const BASE_CHART_TOP_MARGIN = 30;
+export const BASE_CHART_TOP_MARGIN = 10;
 export const BASE_CHART_LEFT_MARGIN = 20;
 export const BASE_CHART_RIGHT_MARGIN = 20;
 
diff --git a/src/js/utils/date-utils.js b/src/js/utils/date-utils.js
index cff5cbc..fa2f33f 100644
--- a/src/js/utils/date-utils.js
+++ b/src/js/utils/date-utils.js
@@ -7,6 +7,8 @@ export const NO_OF_MILLIS = 1000;
 export const MONTH_NAMES = ["January", "February", "March", "April", "May", "June",
 	"July", "August", "September", "October", "November", "December"];
 
+export const MONTH_NAMES_SHORT = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+
 // https://stackoverflow.com/a/11252167/6495043
 function treatAsUtc(dateStr) {
 	let result = new Date(dateStr);
@@ -24,6 +26,10 @@ export function getDdMmYyyy(date) {
 	].join('-');
 }
 
+export function clone(date) {
+	return new Date(date.getTime());
+}
+
 export function getWeeksBetween(startDateStr, endDateStr) {
 	return Math.ceil(getDaysBetween(startDateStr, endDateStr) / 7);
 }