diff --git a/dist/frappe-charts.esm.js b/dist/frappe-charts.esm.js
index 9f23094..7783778 100644
--- a/dist/frappe-charts.esm.js
+++ b/dist/frappe-charts.esm.js
@@ -89,10 +89,10 @@ class SvgTip {
 	}) {
 		this.parent = parent;
 		this.colors = colors;
-		this.title_name = '';
-		this.title_value = '';
-		this.list_values = [];
-		this.title_value_first = 0;
+		this.titleName = '';
+		this.titleValue = '';
+		this.listValues = [];
+		this.titleValueFirst = 0;
 
 		this.x = 0;
 		this.y = 0;
@@ -104,16 +104,16 @@ class SvgTip {
 	}
 
 	setup() {
-		this.make_tooltip();
+		this.makeTooltip();
 	}
 
 	refresh() {
 		this.fill();
-		this.calc_position();
-		// this.show_tip();
+		this.calcPosition();
+		// this.showTip();
 	}
 
-	make_tooltip() {
+	makeTooltip() {
 		this.container = $.create('div', {
 			inside: this.parent,
 			className: 'graph-svg-tip comparison',
@@ -121,27 +121,27 @@ class SvgTip {
 				<ul class="data-point-list"></ul>
 				<div class="svg-pointer"></div>`
 		});
-		this.hide_tip();
+		this.hideTip();
 
 		this.title = this.container.querySelector('.title');
-		this.data_point_list = this.container.querySelector('.data-point-list');
+		this.dataPointList = this.container.querySelector('.data-point-list');
 
 		this.parent.addEventListener('mouseleave', () => {
-			this.hide_tip();
+			this.hideTip();
 		});
 	}
 
 	fill() {
 		let title;
-		if(this.title_value_first) {
-			title = `<strong>${this.title_value}</strong>${this.title_name}`;
+		if(this.titleValueFirst) {
+			title = `<strong>${this.titleValue}</strong>${this.titleName}`;
 		} else {
-			title = `${this.title_name}<strong>${this.title_value}</strong>`;
+			title = `${this.titleName}<strong>${this.titleValue}</strong>`;
 		}
 		this.title.innerHTML = title;
-		this.data_point_list.innerHTML = '';
+		this.dataPointList.innerHTML = '';
 
-		this.list_values.map((set, i) => {
+		this.listValues.map((set, i) => {
 			const color = this.colors[i] || 'black';
 
 			let li = $.create('li', {
@@ -152,50 +152,50 @@ class SvgTip {
 					${set.title ? set.title : '' }`
 			});
 
-			this.data_point_list.appendChild(li);
+			this.dataPointList.appendChild(li);
 		});
 	}
 
-	calc_position() {
+	calcPosition() {
 		let width = this.container.offsetWidth;
 
 		this.top = this.y - this.container.offsetHeight;
 		this.left = this.x - width/2;
-		let max_left = this.parent.offsetWidth - width;
+		let maxLeft = this.parent.offsetWidth - width;
 
 		let pointer = this.container.querySelector('.svg-pointer');
 
 		if(this.left < 0) {
 			pointer.style.left = `calc(50% - ${-1 * this.left}px)`;
 			this.left = 0;
-		} else if(this.left > max_left) {
-			let delta = this.left - max_left;
-			let pointer_offset = `calc(50% + ${delta}px)`;
-			pointer.style.left = pointer_offset;
+		} else if(this.left > maxLeft) {
+			let delta = this.left - maxLeft;
+			let pointerOffset = `calc(50% + ${delta}px)`;
+			pointer.style.left = pointerOffset;
 
-			this.left = max_left;
+			this.left = maxLeft;
 		} else {
 			pointer.style.left = `50%`;
 		}
 	}
 
-	set_values(x, y, title_name = '', title_value = '', list_values = [], title_value_first = 0) {
-		this.title_name = title_name;
-		this.title_value = title_value;
-		this.list_values = list_values;
+	setValues(x, y, titleName = '', titleValue = '', listValues = [], titleValueFirst = 0) {
+		this.titleName = titleName;
+		this.titleValue = titleValue;
+		this.listValues = listValues;
 		this.x = x;
 		this.y = y;
-		this.title_value_first = title_value_first;
+		this.titleValueFirst = titleValueFirst;
 		this.refresh();
 	}
 
-	hide_tip() {
+	hideTip() {
 		this.container.style.top = '0px';
 		this.container.style.left = '0px';
 		this.container.style.opacity = '0';
 	}
 
-	show_tip() {
+	showTip() {
 		this.container.style.top = this.top + 'px';
 		this.container.style.left = this.left + 'px';
 		this.container.style.opacity = '1';
@@ -1440,10 +1440,10 @@ class AggregationChart extends BaseChart {
 			this.colors[maxSlices-1] = 'grey';
 		}
 
-		this.labels = [];
+		s.labels = [];
 		totals.map(d => {
 			s.sliceTotals.push(d[0]);
-			this.labels.push(d[1]);
+			s.labels.push(d[1]);
 		});
 	}
 
@@ -1457,7 +1457,7 @@ class AggregationChart extends BaseChart {
 		this.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);
 
 		let x_values = this.formatted_labels && this.formatted_labels.length > 0
-			? this.formatted_labels : this.labels;
+			? this.formatted_labels : s.labels;
 		this.legendTotals.map((d, i) => {
 			if(d) {
 				let stats = $.create('div', {
@@ -1513,6 +1513,7 @@ class PercentageChart extends AggregationChart {
 		s.sliceTotals.map((total, i) => {
 			let slice = $.create('div', {
 				className: `progress-bar`,
+				'data-index': i,
 				inside: this.percentageBar,
 				styles: {
 					background: this.colors[i],
@@ -1524,21 +1525,25 @@ class PercentageChart extends AggregationChart {
 	}
 
 	bindTooltip() {
-		
-		// this.slices.map((slice, i) => {
-		// 	slice.addEventListener('mouseenter', () => {
-		// 		let g_off = getOffset(this.chartWrapper), p_off = getOffset(slice);
-
-		// 		let x = p_off.left - g_off.left + slice.offsetWidth/2;
-		// 		let y = p_off.top - g_off.top - 6;
-		// 		let title = (this.formatted_labels && this.formatted_labels.length>0
-		// 			? this.formatted_labels[i] : this.labels[i]) + ': ';
-		// 		let percent = (s.sliceTotals[i]*100/this.grand_total).toFixed(1);
-
-		// 		this.tip.set_values(x, y, title, percent + "%");
-		// 		this.tip.show_tip();
-		// 	});
-		// });
+		let s = this.state;
+
+		this.chartWrapper.addEventListener('mousemove', (e) => {
+			let slice = e.target;
+			if(slice.classList.contains('progress-bar')) {
+
+				let i = slice.getAttribute('data-index');
+				let g_off = getOffset(this.chartWrapper), p_off = getOffset(slice);
+
+				let x = p_off.left - g_off.left + slice.offsetWidth/2;
+				let y = p_off.top - g_off.top - 6;
+				let title = (this.formatted_labels && this.formatted_labels.length>0
+					? this.formatted_labels[i] : this.state.labels[i]) + ': ';
+				let percent = (s.sliceTotals[i]*100/this.grand_total).toFixed(1);
+
+				this.tip.setValues(x, y, title, percent + "%");
+				this.tip.showTip();
+			}
+		});
 	}
 }
 
@@ -1639,7 +1644,7 @@ class PieChart extends AggregationChart {
 			let x = e.pageX - g_off.left + 10;
 			let y = e.pageY - g_off.top - 10;
 			let title = (this.formatted_labels && this.formatted_labels.length > 0
-				? this.formatted_labels[i] : this.labels[i]) + ': ';
+				? this.formatted_labels[i] : this.state.labels[i]) + ': ';
 			let percent = (this.state.sliceTotals[i]*100/this.grand_total).toFixed(1);
 			this.tip.set_values(x, y, title, percent + "%");
 			this.tip.show_tip();
@@ -2160,8 +2165,8 @@ class Heatmap extends BaseChart {
 				let value = count + ' ' + this.count_label;
 				let name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];
 
-				this.tip.set_values(x, y, name, value, [], 1);
-				this.tip.show_tip();
+				this.tip.setValues(x, y, name, value, [], 1);
+				this.tip.showTip();
 			});
 		});
 	}
@@ -2978,7 +2983,7 @@ class AxisChart extends BaseChart {
 			if(relY < this.height + this.translateY * 2) {
 				this.mapTooltipXPosition(relX);
 			} else {
-				this.tip.hide_tip();
+				this.tip.hideTip();
 			}
 		});
 	}
@@ -3009,8 +3014,8 @@ class AxisChart extends BaseChart {
 					};
 				});
 
-				this.tip.set_values(x, y, titles[i], '', values);
-				this.tip.show_tip();
+				this.tip.setValues(x, y, titles[i], '', values);
+				this.tip.showTip();
 				break;
 			}
 		}
diff --git a/dist/frappe-charts.min.cjs.js b/dist/frappe-charts.min.cjs.js
index f05ec63..342ab09 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 a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.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 a=document.createEvent("HTMLEvents");a.initEvent(e,!0,!0);for(var n in i)a[n]=i[n];return t.dispatchEvent(a)}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=a?t[0]:t[t.length-1]);var n=new Array(Math.abs(e)).fill(i);return t=a?n.concat(t):t.concat(n)}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,a=void 0;return t<=e?(i=e-t,a=t):(i=t-e,a=e),[i,a]}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 translate(t,e,i,a){var n="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},a,STD_EASING,"translate",{transform:n}]}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,a){var n=e-i,r=t.childNodes[0];return[[r,{height:n,"stroke-dasharray":r.getAttribute("width")+", "+n},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,a],[0,i],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),s=slicedToArray(r,2),o=s[0],l=s[1];return l-=n,"rect"!==t.nodeName?[[t.childNodes[0],{width:a,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:a,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,a){var n=[],r=i.map(function(t,i){return e[i]+","+t}).join("L"),s=[t.path,{d:"M"+r},PATH_ANIM_DUR,STD_EASING];if(n.push(s),t.region){var o=e[0]+","+a+"L",l="L"+e.slice(-1)[0]+", "+a,c=[t.region,{d:"M"+o+r+l},PATH_ANIM_DUR,STD_EASING];n.push(c)}return n}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 a in e){var n=e[a];if("inside"===a)$$1(n).appendChild(i);else if("around"===a){var r=$$1(n);r.parentNode.insertBefore(i,r),i.appendChild(r)}else"styles"===a?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){i.style[t]=n[t]}):("className"===a&&(a="class"),"innerHTML"===a?i.textContent=n:i.setAttribute(a,n))}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,a){return createSVG("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":a})}function makeSVGContainer(t,e,i,a){return createSVG("svg",{className:e,inside:t,width:i,height:a})}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,a){var n=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 "+a+" "+a+" 0 0 "+(n?1:0)+"\n\t\t"+o+" "+l+" z"}function makeGradient(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),n=renderVerticalGradient(t,a),r=[1,.6,.2];return i&&(r=[.4,.2,0]),setGradientStop(n,"0%",e,r[0]),setGradientStop(n,"50%",e,r[1]),setGradientStop(n,"100%",e,r[2]),a}function makeHeatSquare(t,e,i,a){var n=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:a,height:a,fill:n};return Object.keys(r).map(function(t){s[t]=r[t]}),createSVG("rect",s)}function makeText(t,e,i,a){return createSVG("text",{className:t,x:e,y:i,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px",innerHTML:a})}function makeVertLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+n.className,x1:0,x2:0,y1:i,y2:a,styles:{stroke:n.stroke}}),s=createSVG("text",{x:0,y:i>a?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,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR),n.lineType||(n.lineType="");var r=createSVG("line",{className:"line-horizontal "+n.className+("dashed"===n.lineType?"dashed":""),x1:i,x2:a,y1:0,y2:0,styles:{stroke:n.stroke}}),s=createSVG("text",{x:i<a?i-LABEL_MARGIN:i+LABEL_MARGIN,y:0,dy:FONT_SIZE/2-2+"px","font-size":FONT_SIZE+"px","text-anchor":i<a?"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 a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="left"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=-1*AXIS_TICK_LENGTH,r="span"===a.mode?i+AXIS_TICK_LENGTH:0;return"tick"===a.mode&&"right"===a.pos&&(n=i+AXIS_TICK_LENGTH,r=i),n+=a.offset,r+=a.offset,makeHoriLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function xLine(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="bottom"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=i+AXIS_TICK_LENGTH,r="span"===a.mode?-1*AXIS_TICK_LENGTH:i;return"tick"===a.mode&&"top"===a.pos&&(n=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function yMarker(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=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:a.stroke||BASE_LINE_COLOR,className:a.className||"",lineType:a.lineType});return r.appendChild(n),r}function yRegion(t,e,i,a){var n=t-e,r=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":i+", "+n},x:0,y:0,width:i,height:n}),s=createSVG("text",{className:"chart-label",x:i-getStringWidth(a,4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:a+""}),o=createSVG("g",{transform:"translate(0, "+e+")"});return o.appendChild(r),o.appendChild(s),o}function datasetBar(t,e,i,a){var n=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: "+a,"data-point-index":r,x:t,y:u-=s,width:i,height:h||o.minHeight});if(n||n.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:n}),f=createSVG("g",{transform:"translate("+t+", "+u+")"});return f.appendChild(d),f.appendChild(p),f}return d}function datasetDot(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=createSVG("circle",{style:"fill: "+a,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(n||n.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var s=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:n}),o=createSVG("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(r),o.appendChild(s),o}return r}function getPaths(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=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(a.heatline){var o=makeGradient(n.svgDefs,i);s.style.stroke="url(#"+o+")"}var l={path:s};if(a.regionFill){var c=makeGradient(n.svgDefs,i,!0),h="M"+t[0]+","+n.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+n.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),a=!1;"#"==i[0]&&(i=i.slice(1),a=!0);var n=parseInt(i,16),r=limitColor((n>>16)+e),s=limitColor((n>>8&255)+e),o=limitColor((255&n)+e);return(a?"#":"")+(o|s<<8|r<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function getDifferentChart(t,e,i,a){if(t!==e){ALL_CHART_TYPES.includes(t)||console.error("'"+t+"' is not a valid chart type."),COMPATIBLE_CHARTS[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=COLOR_COMPATIBLE_CHARTS[e].includes(t);return a.type=t,a.colors=n?a.colors:void 0,new Chart(i,a)}}function animateSVGElement(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",n=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[a],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};n&&(d.type=n);for(var p in d)c.setAttribute(p,d[p]);s.appendChild(c),n?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=[],a=[];e.map(function(t){var e=t[0],n=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),a.push([r,n]),n.replaceChild(r,e)});var n=t.cloneNode(!0);return a.map(function(t,a){t[1].replaceChild(i[a],t[0]),e[a][0]=i[a]}),n}function runSMILAnimation(t,e,i){if(0!==i.length){var a=animateSVG(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(a)),setTimeout(function(){a.parentNode==t&&(t.removeChild(a),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}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 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),a=Math.floor(e),n=i-a,r=n,s=1;n>5&&(n%2!=0&&(n=++i-a),r=n/2,s=2),n<=2&&(s=n/(r=4)),0===n&&(r=5,s=1);for(var o=[],l=0;l<=r;l++)o.push(a+s*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=normalize(t),a=slicedToArray(i,2),n=a[0],r=a[1],s=e?e/Math.pow(10,r):0,o=getChartRangeIntervals(n=n.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),a=i[1]-i[0],n=0,r=1;n<e;r++)n+=a,i.unshift(-1*n);return i}var i=arguments.length>1&&void 0!==arguments[1]&&arguments[1],a=Math.max.apply(Math,toConsumableArray(t)),n=Math.min.apply(Math,toConsumableArray(t)),r=[];if(a>=0&&n>=0)normalize(a)[1],r=i?getChartIntervals(a,n):getChartIntervals(a);else if(a>0&&n<0){var s=Math.abs(n);a>=s?(normalize(a)[1],r=e(a,s)):(normalize(s)[1],r=e(s,a).map(function(t){return-1*t}))}else if(a<=0&&n<=0){var o=Math.abs(n),l=Math.abs(a);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)),a=1/(e-1),n=[],r=0;r<e;r++){var s=i*(a*r);n.push(s)}return n}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,a=t.datasets,n=new Array(i).fill(0);return a||(a=[{values:n}]),a.map(function(t,a){if(t.values){var r=t.values;r=(r=r.map(function(t){return isNaN(t)?0:t})).length>i?r.slice(0,i):fillArray(r,i-r.length,0)}else t.values=n;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),a={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&&(a.yMarkers=[{value:0,label:""}]),t.yRegions&&(a.yRegions=[{start:0,end:0,label:""}]),a}function getShortenedLabels(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=t/e.length/DEFAULT_CHAR_WIDTH;return e.map(function(t,e){return(t+="").length>a&&(i?e%Math.ceil(t.length/a)!=0&&(t=""):t=a-3>0?t.slice(0,a-3)+" ...":t.slice(0,a)+".."),t})}function getComponent(t,e,i){var a=Object.keys(componentConfigs).filter(function(e){return t.includes(e)}),n=componentConfigs[a[0]];return Object.assign(n,{constants:e,getData:i}),new ChartComponent(n)}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{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});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,n){var o={key:t,arg:e,resolve:i,reject:n,next:null};s?s=s.next=o:(r=s=o,a(t,e))})}function a(i,r){try{var s=e[i](r),o=s.value;o instanceof t?Promise.resolve(o.value).then(function(t){a("next",t)},function(t){a("throw",t)}):n(s.done?"return":"normal",s.value)}catch(t){n("throw",t)}}function n(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)?a(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 a=e[i];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}return function(e,i,a){return i&&t(e.prototype,i),a&&t(e,a),e}}(),get=function t(e,i,a){null===e&&(e=Function.prototype);var n=Object.getOwnPropertyDescriptor(e,i);if(void 0===n){var r=Object.getPrototypeOf(e);return null===r?void 0:t(r,i,a)}if("value"in n)return n.value;var s=n.get;if(void 0!==s)return s.call(a)},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=[],a=!0,n=!1,r=void 0;try{for(var s,o=t[Symbol.iterator]();!(a=(s=o.next()).done)&&(i.push(s.value),!e||i.length!==e);a=!0);}catch(t){n=!0,r=t}finally{try{!a&&o.return&&o.return()}finally{if(n)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 a in e){var n=e[a];if("inside"===a)$(n).appendChild(i);else if("around"===a){var r=$(n);r.parentNode.insertBefore(i,r),i.appendChild(r)}else"styles"===a?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){i.style[t]=n[t]}):a in i?i[a]=n:i.setAttribute(a,n)}return i};var SvgTip=function(){function t(e){var i=e.parent,a=void 0===i?null:i,n=e.colors,r=void 0===n?[]:n;classCallCheck(this,t),this.parent=a,this.colors=r,this.title_name="",this.title_value="",this.list_values=[],this.title_value_first=0,this.x=0,this.y=0,this.top=0,this.left=0,this.setup()}return createClass(t,[{key:"setup",value:function(){this.make_tooltip()}},{key:"refresh",value:function(){this.fill(),this.calc_position()}},{key:"make_tooltip",value:function(){var t=this;this.container=$.create("div",{inside:this.parent,className:"graph-svg-tip comparison",innerHTML:'<span class="title"></span>\n\t\t\t\t<ul class="data-point-list"></ul>\n\t\t\t\t<div class="svg-pointer"></div>'}),this.hide_tip(),this.title=this.container.querySelector(".title"),this.data_point_list=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hide_tip()})}},{key:"fill",value:function(){var t=this,e=void 0;e=this.title_value_first?"<strong>"+this.title_value+"</strong>"+this.title_name:this.title_name+"<strong>"+this.title_value+"</strong>",this.title.innerHTML=e,this.data_point_list.innerHTML="",this.list_values.map(function(e,i){var a=t.colors[i]||"black",n=$.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:'<strong style="display: block;">'+(0===e.value||e.value?e.value:"")+"</strong>\n\t\t\t\t\t"+(e.title?e.title:"")});t.data_point_list.appendChild(n)})}},{key:"calc_position",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,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 a="calc(50% + "+(this.left-e)+"px)";i.style.left=a,this.left=e}else i.style.left="50%"}},{key:"set_values",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.title_name=i,this.title_value=a,this.list_values=n,this.x=t,this.y=e,this.title_value_first=r,this.refresh()}},{key:"hide_tip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"show_tip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),VERT_SPACE_OUTSIDE_BASE_CHART=40,TRANSLATE_Y_BASE_CHART=20,LEFT_MARGIN_BASE_CHART=60,RIGHT_MARGIN_BASE_CHART=40,Y_AXIS_MARGIN=60,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=8,ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",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(),a=t.getAttribute("r");return i.setAttribute("r",a+DOT_OVERLAY_SIZE_INCR),i.style.fill="#000000",i.style.opacity="0.4",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 a=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return a.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 a=["cx","cy"];Object.values(t.attributes).filter(function(t){return a.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"},DEFAULT_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],getColor=function(t){return PRESET_COLOR_MAP[t]||t},ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},COLOR_COMPATIBLE_CHARTS={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e,i){if(classCallCheck(this,t),this.rawChartArgs=i,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.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return createClass(t,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length<e.length?this.colors=DEFAULT_COLORS:this.colors=t.colors,this.colors=this.colors.map(function(t){return getColor(t)})}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-VERT_SPACE_OUTSIDE_BASE_CHART,this.translateY=TRANSLATE_Y_BASE_CHART,this.leftMargin=LEFT_MARGIN_BASE_CHART,this.rightMargin=RIGHT_MARGIN_BASE_CHART}},{key:"validate",value:function(){return!0}},{key:"setup",value:function(){this.validate()&&this._setup()}},{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.container=$.create("div",{className:"chart-container",innerHTML:'<h6 class="title">'+this.title+'</h6>\n\t\t\t\t<h6 class="sub-title uppercase">'+this.subtitle+'</h6>\n\t\t\t\t<div class="frappe-chart graphics"></div>\n\t\t\t\t<div class="graph-stats-container"></div>'}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],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()},INIT_CHART_UPDATE_TIMEOUT)),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 a=[];e.forEach(function(t){a=a.concat(t.update(i))}),a.length>0?(runSMILAnimation(this.chartWrapper,this.svg,a),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.chartWrapper.removeChild(this.svg),this.svg=makeSVGContainer(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{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.chartWrapper)&&(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:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return getDifferentChart(t,this.type,this.parent,this.rawChartArgs)}}]),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 a=this.data.labels.map(function(e,i){var a=0;return t.data.datasets.map(function(t){a+=t.values[i]}),[a,e]}).filter(function(t){return t[0]>0}),n=a;if(a.length>i){a.sort(function(t,e){return e[0]-t[0]}),n=a.slice(0,i-1);var r=0;a.slice(i-1).map(function(t){r+=t[0]}),n.push([r,"Rest"]),this.colors[i-1]="grey"}this.labels=[],n.map(function(i){e.sliceTotals.push(i[0]),t.labels.push(i[1])})}},{key:"render",value:function(){}},{key:"bindTooltip",value:function(){}},{key:"renderLegend",value:function(){var t=this,e=this.state;this.legendTotals=e.sliceTotals.slice(0,this.config.maxLegendPoints);var i=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legendTotals.map(function(e,a){e&&($.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='<span class="indicator">\n\t\t\t\t\t<i style="background: '+t.colors[a]+'"></i>\n\t\t\t\t\t<span class="text-muted">'+i[a]+":</span>\n\t\t\t\t\t"+e+"\n\t\t\t\t</span>")})}}]),e}(BaseChart),PercentageChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="percentage",a.setup(),a}return inherits(e,t),createClass(e,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=$.create("div",{className:"div",inside:this.chartWrapper}),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.grand_total=e.sliceTotals.reduce(function(t,e){return t+e},0),this.slices=[],e.sliceTotals.map(function(e,i){var a=$.create("div",{className:"progress-bar",inside:t.percentageBar,styles:{background:t.colors[i],width:100*e/t.grand_total+"%"}});t.slices.push(a)})}},{key:"bindTooltip",value:function(){}}]),e}(AggregationChart),PieChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="pie",a.hoverRadio=i.hoverRadio||.1,a.startAngle=i.startAngle||0,a.clockWise=i.clockWise||!1,a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this)}},{key:"calc",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this),this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y}},{key:"render",value:function(t){var e=this,i=this.radius,a=this.clockWise;this.grand_total=this.state.sliceTotals.reduce(function(t,e){return t+e},0);var n=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var r=180-this.startAngle;this.state.sliceTotals.map(function(s,o){var l=r,c=s/e.grand_total*FULL_ANGLE,h=a?-c:c,u=r+=h,d=getPositionByAngle(l,i),p=getPositionByAngle(u,i),f=t&&n[o],v=void 0,g=void 0;t?(v=f?f.startPosition:d,g=f?f.endPosition:d):(v=d,g=p);var y=makeArcPathStr(v,g,e.center,e.radius,e.clockWise),m=makePath(y,"pie-path","none",e.colors[o]);m.style.transition="transform .3s;",e.drawArea.appendChild(m),e.slices.push(m),e.slicesProperties.push({startPosition:d,endPosition:p,value:s,total:e.grand_total,startAngle:l,endAngle:u,angle:h}),t&&e.elements_to_animate.push([m,{d:makeArcPathStr(d,p,e.center,e.radius,e.clockWise)},650,"easein",null,{d:y}])})}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,a=getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+a.x*i+"px,"+a.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,e,i,a){if(t){var n=this.colors[e];if(i){transform(t,this.calTranslateByAngle(this.slicesProperties[e])),t.style.fill=lightenDarkenColor(n,50);var r=getOffset(this.svg),s=a.pageX-r.left+10,o=a.pageY-r.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.labels[e])+": ",c=(100*this.state.sliceTotals[e]/this.grand_total).toFixed(1);this.tip.set_values(s,o,l,c+"%"),this.tip.show_tip()}else transform(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=n}}},{key:"mouseMove",value:function(t){for(var e=t.target,i=this.curActiveSliceIndex,a=this.curActiveSlice,n=0;n<this.slices.length;n++)if(e===this.slices[n]){this.hoverSlice(a,i,!1),this.curActiveSlice=e,this.curActiveSliceIndex=n,this.hoverSlice(e,n,!0,t);break}}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}},{key:"bindTooltip",value:function(){}}]),e}(AggregationChart),Heatmap=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));a.type="heatmap",a.domain=i.domain||"",a.subdomain=i.subdomain||"",a.data=i.data||{},a.discrete_domains=i.discrete_domains||1,a.count_label=i.count_label||"";var n=new Date;a.start=i.start||addDays(n,365);var r=(i.legend_colors||[]).slice(0,5);return a.legend_colors=a.validate_colors(r)?r:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],a.distribution_size=5,a.translateX=0,a.setup(),a}return inherits(e,t),createClass(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){isValidColor(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&addDays(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&addDays(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=getWeeksBetween(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"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.data).map(function(e){return t.data[e]});this.distribution=calcDistribution(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{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.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;i<t;i++){var a=void 0,n=0,r=new Date(e),s=this.get_week_squares_group(r,this.week_col),o=slicedToArray(s,2);a=o[0],n=o[1],this.dataGroups.appendChild(a),this.week_col+=1+parseInt(this.discrete_domains&&n),this.month_weeks[this.current_month]++,n&&(this.current_month=(this.current_month+1)%12,this.months.push(this.current_month+""),this.month_weeks[this.current_month]=1),addDays(e,7)}this.render_month_labels()}},{key:"get_week_squares_group",value:function(t,e){for(var i=this.today.getTime(),a=0,n=0,r=makeSVGGroup(this.dataGroups,"data-group"),s=0,o=0;o<7;o+=1,s+=12){var l=0,c=0,h=t.getTime()/1e3,u=Math.floor(h-h%86400).toFixed(1);this.data[u]&&(l=this.data[u]),this.data[Math.round(u)]&&(l=this.data[Math.round(u)]),l&&(c=getMaxCheckpoint(l,this.distribution));var d=13+12*(e+n),p={"data-date":getDdMmYyyy(t),"data-value":l,"data-day":t.getDay()},f=makeHeatSquare("day",d,s,10,this.legend_colors[c],p);r.appendChild(f);var v=new Date(t);if(addDays(v,1),v.getTime()>i)break;v.getMonth()-t.getMonth()&&(a=1,this.discrete_domains&&(n=1),this.month_start_points.push(13+12*(e+n))),t=v}return[r,a]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var a=makeText("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));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"),a=e.target.getAttribute("data-date").split("-"),n=t.month_names[parseInt(a[1])-1].substring(0,3),r=t.chartWrapper.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.count_label,u=" on "+n+" "+a[0]+", "+a[2];t.tip.set_values(l,c,u,h,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(BaseChart),ChartComponent=function(){function t(e){var i=e.layerClass,a=void 0===i?"":i,n=e.layerTransform,r=void 0===n?"":n,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=a,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={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return yLine(i,t.labels[a],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,a=this.oldData.positions,n=this.oldData.labels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,labels:i}),this.store.map(function(t,i){return translateHoriLine(t,e[i],a[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return xLine(i,t.calcLabels[a],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,a=this.oldData.positions,n=this.oldData.calcLabels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,calcLabels:i}),this.store.map(function(t,i){return translateVertLine(t,e[i],a[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 a=(t=i[1]).map(function(t){return t.position}),n=t.map(function(t){return t.label}),r=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(r.map(function(t,e){return{position:r[e],label:n[e]}})),this.store.map(function(t,e){return translateHoriLine(t,a[e],r[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.end}),n=t.map(function(t){return t.label}),r=t.map(function(t){return t.start}),s=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(s.map(function(t,e){return{start:o[e],end:s[e],label:n[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,r[e],a[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,a){return datasetBar(t.xPositions[a],i,t.barWidth,e.color,t.labels[a],a,t.offsets[a],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,a=t.yPositions,n=t.offsets,r=t.labels,s=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,c=this.oldData.labels,h=equilizeNoOfElements(s,i),u=slicedToArray(h,2);s=u[0],i=u[1];var d=equilizeNoOfElements(o,a),p=slicedToArray(d,2);o=p[0],a=p[1];var f=equilizeNoOfElements(l,n),v=slicedToArray(f,2);l=v[0],n=v[1];var g=equilizeNoOfElements(c,r),y=slicedToArray(g,2);c=y[0],r=y[1],this.render({xPositions:s,yPositions:o,offsets:l,labels:r,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var m=[];return this.store.map(function(r,s){m=m.concat(animateBar(r,i[s],a[s],t.barWidth,n[s],e.index,{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=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,a){return datasetDot(t.xPositions[a],i,t.radius,e.color,e.valuesOverPoints?t.values[a]:"",a)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,a=t.values,n=this.oldData.xPositions,r=this.oldData.yPositions,s=this.oldData.values,o=equilizeNoOfElements(n,e),l=slicedToArray(o,2);n=l[0],e=l[1];var c=equilizeNoOfElements(r,i),h=slicedToArray(c,2);r=h[0],i=h[1];var u=equilizeNoOfElements(s,a),d=slicedToArray(u,2);s=d[0],a=d[1],this.render({xPositions:n,yPositions:r,values:a,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,a){p=p.concat(animateDot(t,e[a],i[a]))}),p}}},AxisChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.barOptions=i.barOptions||{},a.lineOptions=i.lineOptions||{},a.type=i.type||"line",a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),t.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||1,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_MARGIN,this.rightMargin=Y_AXIS_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),a=getIntervalSize(e)*i,n=this.height-getZeroIndex(e)*a;this.state.yAxis={labels:e,positions:e.map(function(t){return n-t*i}),scaleMultiplier:i,zeroLine:n},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 a=t.values,n=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:a,yPositions:e(a),cumulativeYs:n,cumulativeYPos:e(n)}})}},{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,i){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.label.includes(":")||(e.label+=": "+e.value),e})),this.data.yRegions&&(this.state.yRegions=this.data.yRegions.map(function(e){return e.start=scale(e.start,t.yAxis),e.end=scale(e.end,t.yAxis),e}))}},{key:"getAllYValues",value:function(){var t,e=this,i="values";if(this.barOptions.stacked){i="cumulativeYs";var a=new Array(this.state.datasetLength).fill(0);this.data.datasets.map(function(t,n){var r=e.data.datasets[n].values;t[i]=a=a.map(function(t,e){return t+r[e]})})}return(t=[]).concat.apply(t,toConsumableArray(this.data.datasets.map(function(t){return t[i]})))}},{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}),a=this.state.datasets.filter(function(t){return"line"===t.chartType}),n=i.map(function(e){var a=e.index;return["barGraph-"+e.index,{index:a,color:t.colors[a],stacked:t.barOptions.stacked,valuesOverPoints:t.config.valuesOverPoints,minHeight:t.height*MIN_BAR_PERCENT_HEIGHT},function(){var t=this.state,e=t.datasets[a],n=this.barOptions.stacked,r=this.barOptions.spaceRatio||BAR_CHART_SPACE_RATIO,s=t.unitWidth*(1-r),o=s/(n?1:i.length),l=t.xAxis.positions.map(function(t){return t-s/2});n||(l=l.map(function(t){return t+o*a}));var c=new Array(t.datasetLength).fill("");this.valuesOverPoints&&(c=n&&e.index===t.datasets.length-1?e.cumulativeYs:e.values);var h=new Array(t.datasetLength).fill(0);return n&&(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=a.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(n,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.chartWrapper.addEventListener("mousemove",function(e){var i=getOffset(t.chartWrapper),a=e.pageX-i.left-t.leftMargin;e.pageY-i.top-t.translateY<t.height+2*t.translateY?t.mapTooltipXPosition(a):t.tip.hide_tip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this,i=this.state;if(i.yExtremes){var a=i.xAxis.labels;this.formatTooltipX&&this.formatTooltipX(a[0])&&(a=a.map(function(t){return e.formatTooltipX(t)}));for(var n=this.formatTooltipY&&this.formatTooltipY(this.y[0].values[0]),r=i.datasetLength-1;r>=0;r--){var s=i.xAxis.positions[r];if(t>s-i.unitWidth/2){var o=s+this.leftMargin,l=i.yExtremes[r]+this.translateY,c=this.data.datasets.map(function(t,i){return{title:t.title,value:n?e.formatTooltipY(t.values[r]):t.values[r],color:e.colors[i]}});this.tip.set_values(o,l,a[r],"",c),this.tip.show_tip();break}}}}},{key:"makeOverlay",value:function(){var t=this;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(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{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(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{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 a=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,a),this.data.labels.splice(a,0,t),this.data.datasets.map(function(t,e){t.values.splice(a,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;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)}}]),e}(BaseChart),chartTypes={percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e,i){return classCallCheck(this,t),getChartByType(i.type,e,i)};module.exports=Chart;
+"use strict";function __$styleInject(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.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 a=document.createEvent("HTMLEvents");a.initEvent(e,!0,!0);for(var n in i)a[n]=i[n];return t.dispatchEvent(a)}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=a?t[0]:t[t.length-1]);var n=new Array(Math.abs(e)).fill(i);return t=a?n.concat(t):t.concat(n)}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,a=void 0;return t<=e?(i=e-t,a=t):(i=t-e,a=e),[i,a]}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 translate(t,e,i,a){var n="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},a,STD_EASING,"translate",{transform:n}]}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,a){var n=e-i,r=t.childNodes[0];return[[r,{height:n,"stroke-dasharray":r.getAttribute("width")+", "+n},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,a],[0,i],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),s=slicedToArray(r,2),o=s[0],l=s[1];return l-=n,"rect"!==t.nodeName?[[t.childNodes[0],{width:a,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:a,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,a){var n=[],r=i.map(function(t,i){return e[i]+","+t}).join("L"),s=[t.path,{d:"M"+r},PATH_ANIM_DUR,STD_EASING];if(n.push(s),t.region){var o=e[0]+","+a+"L",l="L"+e.slice(-1)[0]+", "+a,c=[t.region,{d:"M"+o+r+l},PATH_ANIM_DUR,STD_EASING];n.push(c)}return n}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 a in e){var n=e[a];if("inside"===a)$$1(n).appendChild(i);else if("around"===a){var r=$$1(n);r.parentNode.insertBefore(i,r),i.appendChild(r)}else"styles"===a?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){i.style[t]=n[t]}):("className"===a&&(a="class"),"innerHTML"===a?i.textContent=n:i.setAttribute(a,n))}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,a){return createSVG("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":a})}function makeSVGContainer(t,e,i,a){return createSVG("svg",{className:e,inside:t,width:i,height:a})}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,a){var n=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 "+a+" "+a+" 0 0 "+(n?1:0)+"\n\t\t"+o+" "+l+" z"}function makeGradient(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),n=renderVerticalGradient(t,a),r=[1,.6,.2];return i&&(r=[.4,.2,0]),setGradientStop(n,"0%",e,r[0]),setGradientStop(n,"50%",e,r[1]),setGradientStop(n,"100%",e,r[2]),a}function makeHeatSquare(t,e,i,a){var n=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:a,height:a,fill:n};return Object.keys(r).map(function(t){s[t]=r[t]}),createSVG("rect",s)}function makeText(t,e,i,a){return createSVG("text",{className:t,x:e,y:i,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px",innerHTML:a})}function makeVertLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+n.className,x1:0,x2:0,y1:i,y2:a,styles:{stroke:n.stroke}}),s=createSVG("text",{x:0,y:i>a?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,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR),n.lineType||(n.lineType="");var r=createSVG("line",{className:"line-horizontal "+n.className+("dashed"===n.lineType?"dashed":""),x1:i,x2:a,y1:0,y2:0,styles:{stroke:n.stroke}}),s=createSVG("text",{x:i<a?i-LABEL_MARGIN:i+LABEL_MARGIN,y:0,dy:FONT_SIZE/2-2+"px","font-size":FONT_SIZE+"px","text-anchor":i<a?"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 a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="left"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=-1*AXIS_TICK_LENGTH,r="span"===a.mode?i+AXIS_TICK_LENGTH:0;return"tick"===a.mode&&"right"===a.pos&&(n=i+AXIS_TICK_LENGTH,r=i),n+=a.offset,r+=a.offset,makeHoriLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function xLine(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="bottom"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=i+AXIS_TICK_LENGTH,r="span"===a.mode?-1*AXIS_TICK_LENGTH:i;return"tick"===a.mode&&"top"===a.pos&&(n=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function yMarker(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=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:a.stroke||BASE_LINE_COLOR,className:a.className||"",lineType:a.lineType});return r.appendChild(n),r}function yRegion(t,e,i,a){var n=t-e,r=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":i+", "+n},x:0,y:0,width:i,height:n}),s=createSVG("text",{className:"chart-label",x:i-getStringWidth(a,4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:a+""}),o=createSVG("g",{transform:"translate(0, "+e+")"});return o.appendChild(r),o.appendChild(s),o}function datasetBar(t,e,i,a){var n=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: "+a,"data-point-index":r,x:t,y:u-=s,width:i,height:h||o.minHeight});if(n||n.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:n}),f=createSVG("g",{transform:"translate("+t+", "+u+")"});return f.appendChild(d),f.appendChild(p),f}return d}function datasetDot(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=createSVG("circle",{style:"fill: "+a,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(n||n.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var s=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:n}),o=createSVG("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(r),o.appendChild(s),o}return r}function getPaths(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=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(a.heatline){var o=makeGradient(n.svgDefs,i);s.style.stroke="url(#"+o+")"}var l={path:s};if(a.regionFill){var c=makeGradient(n.svgDefs,i,!0),h="M"+t[0]+","+n.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+n.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),a=!1;"#"==i[0]&&(i=i.slice(1),a=!0);var n=parseInt(i,16),r=limitColor((n>>16)+e),s=limitColor((n>>8&255)+e),o=limitColor((255&n)+e);return(a?"#":"")+(o|s<<8|r<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function getDifferentChart(t,e,i,a){if(t!==e){ALL_CHART_TYPES.includes(t)||console.error("'"+t+"' is not a valid chart type."),COMPATIBLE_CHARTS[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=COLOR_COMPATIBLE_CHARTS[e].includes(t);return a.type=t,a.colors=n?a.colors:void 0,new Chart(i,a)}}function animateSVGElement(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",n=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[a],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};n&&(d.type=n);for(var p in d)c.setAttribute(p,d[p]);s.appendChild(c),n?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=[],a=[];e.map(function(t){var e=t[0],n=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),a.push([r,n]),n.replaceChild(r,e)});var n=t.cloneNode(!0);return a.map(function(t,a){t[1].replaceChild(i[a],t[0]),e[a][0]=i[a]}),n}function runSMILAnimation(t,e,i){if(0!==i.length){var a=animateSVG(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(a)),setTimeout(function(){a.parentNode==t&&(t.removeChild(a),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}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 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),a=Math.floor(e),n=i-a,r=n,s=1;n>5&&(n%2!=0&&(n=++i-a),r=n/2,s=2),n<=2&&(s=n/(r=4)),0===n&&(r=5,s=1);for(var o=[],l=0;l<=r;l++)o.push(a+s*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=normalize(t),a=slicedToArray(i,2),n=a[0],r=a[1],s=e?e/Math.pow(10,r):0,o=getChartRangeIntervals(n=n.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),a=i[1]-i[0],n=0,r=1;n<e;r++)n+=a,i.unshift(-1*n);return i}var i=arguments.length>1&&void 0!==arguments[1]&&arguments[1],a=Math.max.apply(Math,toConsumableArray(t)),n=Math.min.apply(Math,toConsumableArray(t)),r=[];if(a>=0&&n>=0)normalize(a)[1],r=i?getChartIntervals(a,n):getChartIntervals(a);else if(a>0&&n<0){var s=Math.abs(n);a>=s?(normalize(a)[1],r=e(a,s)):(normalize(s)[1],r=e(s,a).map(function(t){return-1*t}))}else if(a<=0&&n<=0){var o=Math.abs(n),l=Math.abs(a);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)),a=1/(e-1),n=[],r=0;r<e;r++){var s=i*(a*r);n.push(s)}return n}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,a=t.datasets,n=new Array(i).fill(0);return a||(a=[{values:n}]),a.map(function(t,a){if(t.values){var r=t.values;r=(r=r.map(function(t){return isNaN(t)?0:t})).length>i?r.slice(0,i):fillArray(r,i-r.length,0)}else t.values=n;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),a={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&&(a.yMarkers=[{value:0,label:""}]),t.yRegions&&(a.yRegions=[{start:0,end:0,label:""}]),a}function getShortenedLabels(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=t/e.length/DEFAULT_CHAR_WIDTH;return e.map(function(t,e){return(t+="").length>a&&(i?e%Math.ceil(t.length/a)!=0&&(t=""):t=a-3>0?t.slice(0,a-3)+" ...":t.slice(0,a)+".."),t})}function getComponent(t,e,i){var a=Object.keys(componentConfigs).filter(function(e){return t.includes(e)}),n=componentConfigs[a[0]];return Object.assign(n,{constants:e,getData:i}),new ChartComponent(n)}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{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});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,n){var o={key:t,arg:e,resolve:i,reject:n,next:null};s?s=s.next=o:(r=s=o,a(t,e))})}function a(i,r){try{var s=e[i](r),o=s.value;o instanceof t?Promise.resolve(o.value).then(function(t){a("next",t)},function(t){a("throw",t)}):n(s.done?"return":"normal",s.value)}catch(t){n("throw",t)}}function n(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)?a(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 a=e[i];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}return function(e,i,a){return i&&t(e.prototype,i),a&&t(e,a),e}}(),get=function t(e,i,a){null===e&&(e=Function.prototype);var n=Object.getOwnPropertyDescriptor(e,i);if(void 0===n){var r=Object.getPrototypeOf(e);return null===r?void 0:t(r,i,a)}if("value"in n)return n.value;var s=n.get;if(void 0!==s)return s.call(a)},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=[],a=!0,n=!1,r=void 0;try{for(var s,o=t[Symbol.iterator]();!(a=(s=o.next()).done)&&(i.push(s.value),!e||i.length!==e);a=!0);}catch(t){n=!0,r=t}finally{try{!a&&o.return&&o.return()}finally{if(n)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 a in e){var n=e[a];if("inside"===a)$(n).appendChild(i);else if("around"===a){var r=$(n);r.parentNode.insertBefore(i,r),i.appendChild(r)}else"styles"===a?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){i.style[t]=n[t]}):a in i?i[a]=n:i.setAttribute(a,n)}return i};var SvgTip=function(){function t(e){var i=e.parent,a=void 0===i?null:i,n=e.colors,r=void 0===n?[]:n;classCallCheck(this,t),this.parent=a,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;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 a=t.colors[i]||"black",n=$.create("li",{styles:{"border-top":"3px solid "+a},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(n)})}},{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 a="calc(50% + "+(this.left-e)+"px)";i.style.left=a,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]:"",a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.titleName=i,this.titleValue=a,this.listValues=n,this.x=t,this.y=e,this.titleValueFirst=r,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}(),VERT_SPACE_OUTSIDE_BASE_CHART=40,TRANSLATE_Y_BASE_CHART=20,LEFT_MARGIN_BASE_CHART=60,RIGHT_MARGIN_BASE_CHART=40,Y_AXIS_MARGIN=60,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=8,ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",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(),a=t.getAttribute("r");return i.setAttribute("r",a+DOT_OVERLAY_SIZE_INCR),i.style.fill="#000000",i.style.opacity="0.4",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 a=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return a.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 a=["cx","cy"];Object.values(t.attributes).filter(function(t){return a.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"},DEFAULT_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],getColor=function(t){return PRESET_COLOR_MAP[t]||t},ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},COLOR_COMPATIBLE_CHARTS={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e,i){if(classCallCheck(this,t),this.rawChartArgs=i,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.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return createClass(t,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length<e.length?this.colors=DEFAULT_COLORS:this.colors=t.colors,this.colors=this.colors.map(function(t){return getColor(t)})}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-VERT_SPACE_OUTSIDE_BASE_CHART,this.translateY=TRANSLATE_Y_BASE_CHART,this.leftMargin=LEFT_MARGIN_BASE_CHART,this.rightMargin=RIGHT_MARGIN_BASE_CHART}},{key:"validate",value:function(){return!0}},{key:"setup",value:function(){this.validate()&&this._setup()}},{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.container=$.create("div",{className:"chart-container",innerHTML:'<h6 class="title">'+this.title+'</h6>\n\t\t\t\t<h6 class="sub-title uppercase">'+this.subtitle+'</h6>\n\t\t\t\t<div class="frappe-chart graphics"></div>\n\t\t\t\t<div class="graph-stats-container"></div>'}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],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()},INIT_CHART_UPDATE_TIMEOUT)),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 a=[];e.forEach(function(t){a=a.concat(t.update(i))}),a.length>0?(runSMILAnimation(this.chartWrapper,this.svg,a),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.chartWrapper.removeChild(this.svg),this.svg=makeSVGContainer(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{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.chartWrapper)&&(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:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return getDifferentChart(t,this.type,this.parent,this.rawChartArgs)}}]),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 a=this.data.labels.map(function(e,i){var a=0;return t.data.datasets.map(function(t){a+=t.values[i]}),[a,e]}).filter(function(t){return t[0]>0}),n=a;if(a.length>i){a.sort(function(t,e){return e[0]-t[0]}),n=a.slice(0,i-1);var r=0;a.slice(i-1).map(function(t){r+=t[0]}),n.push([r,"Rest"]),this.colors[i-1]="grey"}e.labels=[],n.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"render",value:function(){}},{key:"bindTooltip",value:function(){}},{key:"renderLegend",value:function(){var t=this,e=this.state;this.legendTotals=e.sliceTotals.slice(0,this.config.maxLegendPoints);var i=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:e.labels;this.legendTotals.map(function(e,a){e&&($.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='<span class="indicator">\n\t\t\t\t\t<i style="background: '+t.colors[a]+'"></i>\n\t\t\t\t\t<span class="text-muted">'+i[a]+":</span>\n\t\t\t\t\t"+e+"\n\t\t\t\t</span>")})}}]),e}(BaseChart),PercentageChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="percentage",a.setup(),a}return inherits(e,t),createClass(e,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=$.create("div",{className:"div",inside:this.chartWrapper}),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.grand_total=e.sliceTotals.reduce(function(t,e){return t+e},0),this.slices=[],e.sliceTotals.map(function(e,i){var a=$.create("div",{className:"progress-bar","data-index":i,inside:t.percentageBar,styles:{background:t.colors[i],width:100*e/t.grand_total+"%"}});t.slices.push(a)})}},{key:"bindTooltip",value:function(){var t=this,e=this.state;this.chartWrapper.addEventListener("mousemove",function(i){var a=i.target;if(a.classList.contains("progress-bar")){var n=a.getAttribute("data-index"),r=getOffset(t.chartWrapper),s=getOffset(a),o=s.left-r.left+a.offsetWidth/2,l=s.top-r.top-6,c=(t.formatted_labels&&t.formatted_labels.length>0?t.formatted_labels[n]:t.state.labels[n])+": ",h=(100*e.sliceTotals[n]/t.grand_total).toFixed(1);t.tip.setValues(o,l,c,h+"%"),t.tip.showTip()}})}}]),e}(AggregationChart),PieChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="pie",a.hoverRadio=i.hoverRadio||.1,a.startAngle=i.startAngle||0,a.clockWise=i.clockWise||!1,a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this)}},{key:"calc",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this),this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y}},{key:"render",value:function(t){var e=this,i=this.radius,a=this.clockWise;this.grand_total=this.state.sliceTotals.reduce(function(t,e){return t+e},0);var n=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var r=180-this.startAngle;this.state.sliceTotals.map(function(s,o){var l=r,c=s/e.grand_total*FULL_ANGLE,h=a?-c:c,u=r+=h,d=getPositionByAngle(l,i),p=getPositionByAngle(u,i),f=t&&n[o],v=void 0,g=void 0;t?(v=f?f.startPosition:d,g=f?f.endPosition:d):(v=d,g=p);var y=makeArcPathStr(v,g,e.center,e.radius,e.clockWise),m=makePath(y,"pie-path","none",e.colors[o]);m.style.transition="transform .3s;",e.drawArea.appendChild(m),e.slices.push(m),e.slicesProperties.push({startPosition:d,endPosition:p,value:s,total:e.grand_total,startAngle:l,endAngle:u,angle:h}),t&&e.elements_to_animate.push([m,{d:makeArcPathStr(d,p,e.center,e.radius,e.clockWise)},650,"easein",null,{d:y}])})}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,a=getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+a.x*i+"px,"+a.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,e,i,a){if(t){var n=this.colors[e];if(i){transform(t,this.calTranslateByAngle(this.slicesProperties[e])),t.style.fill=lightenDarkenColor(n,50);var r=getOffset(this.svg),s=a.pageX-r.left+10,o=a.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.grand_total).toFixed(1);this.tip.set_values(s,o,l,c+"%"),this.tip.show_tip()}else transform(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=n}}},{key:"mouseMove",value:function(t){for(var e=t.target,i=this.curActiveSliceIndex,a=this.curActiveSlice,n=0;n<this.slices.length;n++)if(e===this.slices[n]){this.hoverSlice(a,i,!1),this.curActiveSlice=e,this.curActiveSliceIndex=n,this.hoverSlice(e,n,!0,t);break}}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}},{key:"bindTooltip",value:function(){}}]),e}(AggregationChart),Heatmap=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));a.type="heatmap",a.domain=i.domain||"",a.subdomain=i.subdomain||"",a.data=i.data||{},a.discrete_domains=i.discrete_domains||1,a.count_label=i.count_label||"";var n=new Date;a.start=i.start||addDays(n,365);var r=(i.legend_colors||[]).slice(0,5);return a.legend_colors=a.validate_colors(r)?r:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],a.distribution_size=5,a.translateX=0,a.setup(),a}return inherits(e,t),createClass(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){isValidColor(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&addDays(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&addDays(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=getWeeksBetween(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"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.data).map(function(e){return t.data[e]});this.distribution=calcDistribution(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{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.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;i<t;i++){var a=void 0,n=0,r=new Date(e),s=this.get_week_squares_group(r,this.week_col),o=slicedToArray(s,2);a=o[0],n=o[1],this.dataGroups.appendChild(a),this.week_col+=1+parseInt(this.discrete_domains&&n),this.month_weeks[this.current_month]++,n&&(this.current_month=(this.current_month+1)%12,this.months.push(this.current_month+""),this.month_weeks[this.current_month]=1),addDays(e,7)}this.render_month_labels()}},{key:"get_week_squares_group",value:function(t,e){for(var i=this.today.getTime(),a=0,n=0,r=makeSVGGroup(this.dataGroups,"data-group"),s=0,o=0;o<7;o+=1,s+=12){var l=0,c=0,h=t.getTime()/1e3,u=Math.floor(h-h%86400).toFixed(1);this.data[u]&&(l=this.data[u]),this.data[Math.round(u)]&&(l=this.data[Math.round(u)]),l&&(c=getMaxCheckpoint(l,this.distribution));var d=13+12*(e+n),p={"data-date":getDdMmYyyy(t),"data-value":l,"data-day":t.getDay()},f=makeHeatSquare("day",d,s,10,this.legend_colors[c],p);r.appendChild(f);var v=new Date(t);if(addDays(v,1),v.getTime()>i)break;v.getMonth()-t.getMonth()&&(a=1,this.discrete_domains&&(n=1),this.month_start_points.push(13+12*(e+n))),t=v}return[r,a]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var a=makeText("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));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"),a=e.target.getAttribute("data-date").split("-"),n=t.month_names[parseInt(a[1])-1].substring(0,3),r=t.chartWrapper.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.count_label,u=" on "+n+" "+a[0]+", "+a[2];t.tip.setValues(l,c,u,h,[],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),ChartComponent=function(){function t(e){var i=e.layerClass,a=void 0===i?"":i,n=e.layerTransform,r=void 0===n?"":n,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=a,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={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return yLine(i,t.labels[a],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,a=this.oldData.positions,n=this.oldData.labels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,labels:i}),this.store.map(function(t,i){return translateHoriLine(t,e[i],a[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return xLine(i,t.calcLabels[a],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,a=this.oldData.positions,n=this.oldData.calcLabels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,calcLabels:i}),this.store.map(function(t,i){return translateVertLine(t,e[i],a[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 a=(t=i[1]).map(function(t){return t.position}),n=t.map(function(t){return t.label}),r=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(r.map(function(t,e){return{position:r[e],label:n[e]}})),this.store.map(function(t,e){return translateHoriLine(t,a[e],r[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.end}),n=t.map(function(t){return t.label}),r=t.map(function(t){return t.start}),s=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(s.map(function(t,e){return{start:o[e],end:s[e],label:n[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,r[e],a[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,a){return datasetBar(t.xPositions[a],i,t.barWidth,e.color,t.labels[a],a,t.offsets[a],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,a=t.yPositions,n=t.offsets,r=t.labels,s=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,c=this.oldData.labels,h=equilizeNoOfElements(s,i),u=slicedToArray(h,2);s=u[0],i=u[1];var d=equilizeNoOfElements(o,a),p=slicedToArray(d,2);o=p[0],a=p[1];var f=equilizeNoOfElements(l,n),v=slicedToArray(f,2);l=v[0],n=v[1];var g=equilizeNoOfElements(c,r),y=slicedToArray(g,2);c=y[0],r=y[1],this.render({xPositions:s,yPositions:o,offsets:l,labels:r,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var m=[];return this.store.map(function(r,s){m=m.concat(animateBar(r,i[s],a[s],t.barWidth,n[s],e.index,{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=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,a){return datasetDot(t.xPositions[a],i,t.radius,e.color,e.valuesOverPoints?t.values[a]:"",a)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,a=t.values,n=this.oldData.xPositions,r=this.oldData.yPositions,s=this.oldData.values,o=equilizeNoOfElements(n,e),l=slicedToArray(o,2);n=l[0],e=l[1];var c=equilizeNoOfElements(r,i),h=slicedToArray(c,2);r=h[0],i=h[1];var u=equilizeNoOfElements(s,a),d=slicedToArray(u,2);s=d[0],a=d[1],this.render({xPositions:n,yPositions:r,values:a,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,a){p=p.concat(animateDot(t,e[a],i[a]))}),p}}},AxisChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.barOptions=i.barOptions||{},a.lineOptions=i.lineOptions||{},a.type=i.type||"line",a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),t.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||1,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_MARGIN,this.rightMargin=Y_AXIS_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),a=getIntervalSize(e)*i,n=this.height-getZeroIndex(e)*a;this.state.yAxis={labels:e,positions:e.map(function(t){return n-t*i}),scaleMultiplier:i,zeroLine:n},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 a=t.values,n=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:a,yPositions:e(a),cumulativeYs:n,cumulativeYPos:e(n)}})}},{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,i){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.label.includes(":")||(e.label+=": "+e.value),e})),this.data.yRegions&&(this.state.yRegions=this.data.yRegions.map(function(e){return e.start=scale(e.start,t.yAxis),e.end=scale(e.end,t.yAxis),e}))}},{key:"getAllYValues",value:function(){var t,e=this,i="values";if(this.barOptions.stacked){i="cumulativeYs";var a=new Array(this.state.datasetLength).fill(0);this.data.datasets.map(function(t,n){var r=e.data.datasets[n].values;t[i]=a=a.map(function(t,e){return t+r[e]})})}return(t=[]).concat.apply(t,toConsumableArray(this.data.datasets.map(function(t){return t[i]})))}},{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}),a=this.state.datasets.filter(function(t){return"line"===t.chartType}),n=i.map(function(e){var a=e.index;return["barGraph-"+e.index,{index:a,color:t.colors[a],stacked:t.barOptions.stacked,valuesOverPoints:t.config.valuesOverPoints,minHeight:t.height*MIN_BAR_PERCENT_HEIGHT},function(){var t=this.state,e=t.datasets[a],n=this.barOptions.stacked,r=this.barOptions.spaceRatio||BAR_CHART_SPACE_RATIO,s=t.unitWidth*(1-r),o=s/(n?1:i.length),l=t.xAxis.positions.map(function(t){return t-s/2});n||(l=l.map(function(t){return t+o*a}));var c=new Array(t.datasetLength).fill("");this.valuesOverPoints&&(c=n&&e.index===t.datasets.length-1?e.cumulativeYs:e.values);var h=new Array(t.datasetLength).fill(0);return n&&(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=a.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(n,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.chartWrapper.addEventListener("mousemove",function(e){var i=getOffset(t.chartWrapper),a=e.pageX-i.left-t.leftMargin;e.pageY-i.top-t.translateY<t.height+2*t.translateY?t.mapTooltipXPosition(a):t.tip.hideTip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this,i=this.state;if(i.yExtremes){var a=i.xAxis.labels;this.formatTooltipX&&this.formatTooltipX(a[0])&&(a=a.map(function(t){return e.formatTooltipX(t)}));for(var n=this.formatTooltipY&&this.formatTooltipY(this.y[0].values[0]),r=i.datasetLength-1;r>=0;r--){var s=i.xAxis.positions[r];if(t>s-i.unitWidth/2){var o=s+this.leftMargin,l=i.yExtremes[r]+this.translateY,c=this.data.datasets.map(function(t,i){return{title:t.title,value:n?e.formatTooltipY(t.values[r]):t.values[r],color:e.colors[i]}});this.tip.setValues(o,l,a[r],"",c),this.tip.showTip();break}}}}},{key:"makeOverlay",value:function(){var t=this;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(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{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(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{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 a=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,a),this.data.labels.splice(a,0,t),this.data.datasets.map(function(t,e){t.values.splice(a,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;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)}}]),e}(BaseChart),chartTypes={percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e,i){return classCallCheck(this,t),getChartByType(i.type,e,i)};module.exports=Chart;
diff --git a/dist/frappe-charts.min.esm.js b/dist/frappe-charts.min.esm.js
index d062968..caff811 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 a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.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 a=document.createEvent("HTMLEvents");a.initEvent(e,!0,!0);for(var n in i)a[n]=i[n];return t.dispatchEvent(a)}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=a?t[0]:t[t.length-1]);var n=new Array(Math.abs(e)).fill(i);return t=a?n.concat(t):t.concat(n)}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,a=void 0;return t<=e?(i=e-t,a=t):(i=t-e,a=e),[i,a]}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 translate(t,e,i,a){var n="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},a,STD_EASING,"translate",{transform:n}]}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,a){var n=e-i,r=t.childNodes[0];return[[r,{height:n,"stroke-dasharray":r.getAttribute("width")+", "+n},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,a],[0,i],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),s=slicedToArray(r,2),o=s[0],l=s[1];return l-=n,"rect"!==t.nodeName?[[t.childNodes[0],{width:a,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:a,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,a){var n=[],r=i.map(function(t,i){return e[i]+","+t}).join("L"),s=[t.path,{d:"M"+r},PATH_ANIM_DUR,STD_EASING];if(n.push(s),t.region){var o=e[0]+","+a+"L",l="L"+e.slice(-1)[0]+", "+a,c=[t.region,{d:"M"+o+r+l},PATH_ANIM_DUR,STD_EASING];n.push(c)}return n}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 a in e){var n=e[a];if("inside"===a)$$1(n).appendChild(i);else if("around"===a){var r=$$1(n);r.parentNode.insertBefore(i,r),i.appendChild(r)}else"styles"===a?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){i.style[t]=n[t]}):("className"===a&&(a="class"),"innerHTML"===a?i.textContent=n:i.setAttribute(a,n))}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,a){return createSVG("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":a})}function makeSVGContainer(t,e,i,a){return createSVG("svg",{className:e,inside:t,width:i,height:a})}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,a){var n=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 "+a+" "+a+" 0 0 "+(n?1:0)+"\n\t\t"+o+" "+l+" z"}function makeGradient(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),n=renderVerticalGradient(t,a),r=[1,.6,.2];return i&&(r=[.4,.2,0]),setGradientStop(n,"0%",e,r[0]),setGradientStop(n,"50%",e,r[1]),setGradientStop(n,"100%",e,r[2]),a}function makeHeatSquare(t,e,i,a){var n=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:a,height:a,fill:n};return Object.keys(r).map(function(t){s[t]=r[t]}),createSVG("rect",s)}function makeText(t,e,i,a){return createSVG("text",{className:t,x:e,y:i,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px",innerHTML:a})}function makeVertLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+n.className,x1:0,x2:0,y1:i,y2:a,styles:{stroke:n.stroke}}),s=createSVG("text",{x:0,y:i>a?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,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR),n.lineType||(n.lineType="");var r=createSVG("line",{className:"line-horizontal "+n.className+("dashed"===n.lineType?"dashed":""),x1:i,x2:a,y1:0,y2:0,styles:{stroke:n.stroke}}),s=createSVG("text",{x:i<a?i-LABEL_MARGIN:i+LABEL_MARGIN,y:0,dy:FONT_SIZE/2-2+"px","font-size":FONT_SIZE+"px","text-anchor":i<a?"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 a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="left"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=-1*AXIS_TICK_LENGTH,r="span"===a.mode?i+AXIS_TICK_LENGTH:0;return"tick"===a.mode&&"right"===a.pos&&(n=i+AXIS_TICK_LENGTH,r=i),n+=a.offset,r+=a.offset,makeHoriLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function xLine(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="bottom"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=i+AXIS_TICK_LENGTH,r="span"===a.mode?-1*AXIS_TICK_LENGTH:i;return"tick"===a.mode&&"top"===a.pos&&(n=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function yMarker(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=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:a.stroke||BASE_LINE_COLOR,className:a.className||"",lineType:a.lineType});return r.appendChild(n),r}function yRegion(t,e,i,a){var n=t-e,r=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":i+", "+n},x:0,y:0,width:i,height:n}),s=createSVG("text",{className:"chart-label",x:i-getStringWidth(a,4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:a+""}),o=createSVG("g",{transform:"translate(0, "+e+")"});return o.appendChild(r),o.appendChild(s),o}function datasetBar(t,e,i,a){var n=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: "+a,"data-point-index":r,x:t,y:u-=s,width:i,height:h||o.minHeight});if(n||n.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:n}),f=createSVG("g",{transform:"translate("+t+", "+u+")"});return f.appendChild(d),f.appendChild(p),f}return d}function datasetDot(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=createSVG("circle",{style:"fill: "+a,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(n||n.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var s=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:n}),o=createSVG("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(r),o.appendChild(s),o}return r}function getPaths(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=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(a.heatline){var o=makeGradient(n.svgDefs,i);s.style.stroke="url(#"+o+")"}var l={path:s};if(a.regionFill){var c=makeGradient(n.svgDefs,i,!0),h="M"+t[0]+","+n.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+n.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),a=!1;"#"==i[0]&&(i=i.slice(1),a=!0);var n=parseInt(i,16),r=limitColor((n>>16)+e),s=limitColor((n>>8&255)+e),o=limitColor((255&n)+e);return(a?"#":"")+(o|s<<8|r<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function getDifferentChart(t,e,i,a){if(t!==e){ALL_CHART_TYPES.includes(t)||console.error("'"+t+"' is not a valid chart type."),COMPATIBLE_CHARTS[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=COLOR_COMPATIBLE_CHARTS[e].includes(t);return a.type=t,a.colors=n?a.colors:void 0,new Chart(i,a)}}function animateSVGElement(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",n=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[a],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};n&&(d.type=n);for(var p in d)c.setAttribute(p,d[p]);s.appendChild(c),n?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=[],a=[];e.map(function(t){var e=t[0],n=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),a.push([r,n]),n.replaceChild(r,e)});var n=t.cloneNode(!0);return a.map(function(t,a){t[1].replaceChild(i[a],t[0]),e[a][0]=i[a]}),n}function runSMILAnimation(t,e,i){if(0!==i.length){var a=animateSVG(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(a)),setTimeout(function(){a.parentNode==t&&(t.removeChild(a),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}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 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),a=Math.floor(e),n=i-a,r=n,s=1;n>5&&(n%2!=0&&(n=++i-a),r=n/2,s=2),n<=2&&(s=n/(r=4)),0===n&&(r=5,s=1);for(var o=[],l=0;l<=r;l++)o.push(a+s*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=normalize(t),a=slicedToArray(i,2),n=a[0],r=a[1],s=e?e/Math.pow(10,r):0,o=getChartRangeIntervals(n=n.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),a=i[1]-i[0],n=0,r=1;n<e;r++)n+=a,i.unshift(-1*n);return i}var i=arguments.length>1&&void 0!==arguments[1]&&arguments[1],a=Math.max.apply(Math,toConsumableArray(t)),n=Math.min.apply(Math,toConsumableArray(t)),r=[];if(a>=0&&n>=0)normalize(a)[1],r=i?getChartIntervals(a,n):getChartIntervals(a);else if(a>0&&n<0){var s=Math.abs(n);a>=s?(normalize(a)[1],r=e(a,s)):(normalize(s)[1],r=e(s,a).map(function(t){return-1*t}))}else if(a<=0&&n<=0){var o=Math.abs(n),l=Math.abs(a);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)),a=1/(e-1),n=[],r=0;r<e;r++){var s=i*(a*r);n.push(s)}return n}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,a=t.datasets,n=new Array(i).fill(0);return a||(a=[{values:n}]),a.map(function(t,a){if(t.values){var r=t.values;r=(r=r.map(function(t){return isNaN(t)?0:t})).length>i?r.slice(0,i):fillArray(r,i-r.length,0)}else t.values=n;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),a={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&&(a.yMarkers=[{value:0,label:""}]),t.yRegions&&(a.yRegions=[{start:0,end:0,label:""}]),a}function getShortenedLabels(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=t/e.length/DEFAULT_CHAR_WIDTH;return e.map(function(t,e){return(t+="").length>a&&(i?e%Math.ceil(t.length/a)!=0&&(t=""):t=a-3>0?t.slice(0,a-3)+" ...":t.slice(0,a)+".."),t})}function getComponent(t,e,i){var a=Object.keys(componentConfigs).filter(function(e){return t.includes(e)}),n=componentConfigs[a[0]];return Object.assign(n,{constants:e,getData:i}),new ChartComponent(n)}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{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});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,n){var o={key:t,arg:e,resolve:i,reject:n,next:null};s?s=s.next=o:(r=s=o,a(t,e))})}function a(i,r){try{var s=e[i](r),o=s.value;o instanceof t?Promise.resolve(o.value).then(function(t){a("next",t)},function(t){a("throw",t)}):n(s.done?"return":"normal",s.value)}catch(t){n("throw",t)}}function n(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)?a(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 a=e[i];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}return function(e,i,a){return i&&t(e.prototype,i),a&&t(e,a),e}}(),get=function t(e,i,a){null===e&&(e=Function.prototype);var n=Object.getOwnPropertyDescriptor(e,i);if(void 0===n){var r=Object.getPrototypeOf(e);return null===r?void 0:t(r,i,a)}if("value"in n)return n.value;var s=n.get;if(void 0!==s)return s.call(a)},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=[],a=!0,n=!1,r=void 0;try{for(var s,o=t[Symbol.iterator]();!(a=(s=o.next()).done)&&(i.push(s.value),!e||i.length!==e);a=!0);}catch(t){n=!0,r=t}finally{try{!a&&o.return&&o.return()}finally{if(n)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 a in e){var n=e[a];if("inside"===a)$(n).appendChild(i);else if("around"===a){var r=$(n);r.parentNode.insertBefore(i,r),i.appendChild(r)}else"styles"===a?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){i.style[t]=n[t]}):a in i?i[a]=n:i.setAttribute(a,n)}return i};var SvgTip=function(){function t(e){var i=e.parent,a=void 0===i?null:i,n=e.colors,r=void 0===n?[]:n;classCallCheck(this,t),this.parent=a,this.colors=r,this.title_name="",this.title_value="",this.list_values=[],this.title_value_first=0,this.x=0,this.y=0,this.top=0,this.left=0,this.setup()}return createClass(t,[{key:"setup",value:function(){this.make_tooltip()}},{key:"refresh",value:function(){this.fill(),this.calc_position()}},{key:"make_tooltip",value:function(){var t=this;this.container=$.create("div",{inside:this.parent,className:"graph-svg-tip comparison",innerHTML:'<span class="title"></span>\n\t\t\t\t<ul class="data-point-list"></ul>\n\t\t\t\t<div class="svg-pointer"></div>'}),this.hide_tip(),this.title=this.container.querySelector(".title"),this.data_point_list=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hide_tip()})}},{key:"fill",value:function(){var t=this,e=void 0;e=this.title_value_first?"<strong>"+this.title_value+"</strong>"+this.title_name:this.title_name+"<strong>"+this.title_value+"</strong>",this.title.innerHTML=e,this.data_point_list.innerHTML="",this.list_values.map(function(e,i){var a=t.colors[i]||"black",n=$.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:'<strong style="display: block;">'+(0===e.value||e.value?e.value:"")+"</strong>\n\t\t\t\t\t"+(e.title?e.title:"")});t.data_point_list.appendChild(n)})}},{key:"calc_position",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,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 a="calc(50% + "+(this.left-e)+"px)";i.style.left=a,this.left=e}else i.style.left="50%"}},{key:"set_values",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.title_name=i,this.title_value=a,this.list_values=n,this.x=t,this.y=e,this.title_value_first=r,this.refresh()}},{key:"hide_tip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"show_tip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),VERT_SPACE_OUTSIDE_BASE_CHART=40,TRANSLATE_Y_BASE_CHART=20,LEFT_MARGIN_BASE_CHART=60,RIGHT_MARGIN_BASE_CHART=40,Y_AXIS_MARGIN=60,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=8,ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",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(),a=t.getAttribute("r");return i.setAttribute("r",a+DOT_OVERLAY_SIZE_INCR),i.style.fill="#000000",i.style.opacity="0.4",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 a=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return a.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 a=["cx","cy"];Object.values(t.attributes).filter(function(t){return a.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"},DEFAULT_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],getColor=function(t){return PRESET_COLOR_MAP[t]||t},ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},COLOR_COMPATIBLE_CHARTS={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e,i){if(classCallCheck(this,t),this.rawChartArgs=i,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.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return createClass(t,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length<e.length?this.colors=DEFAULT_COLORS:this.colors=t.colors,this.colors=this.colors.map(function(t){return getColor(t)})}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-VERT_SPACE_OUTSIDE_BASE_CHART,this.translateY=TRANSLATE_Y_BASE_CHART,this.leftMargin=LEFT_MARGIN_BASE_CHART,this.rightMargin=RIGHT_MARGIN_BASE_CHART}},{key:"validate",value:function(){return!0}},{key:"setup",value:function(){this.validate()&&this._setup()}},{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.container=$.create("div",{className:"chart-container",innerHTML:'<h6 class="title">'+this.title+'</h6>\n\t\t\t\t<h6 class="sub-title uppercase">'+this.subtitle+'</h6>\n\t\t\t\t<div class="frappe-chart graphics"></div>\n\t\t\t\t<div class="graph-stats-container"></div>'}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],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()},INIT_CHART_UPDATE_TIMEOUT)),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 a=[];e.forEach(function(t){a=a.concat(t.update(i))}),a.length>0?(runSMILAnimation(this.chartWrapper,this.svg,a),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.chartWrapper.removeChild(this.svg),this.svg=makeSVGContainer(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{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.chartWrapper)&&(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:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return getDifferentChart(t,this.type,this.parent,this.rawChartArgs)}}]),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 a=this.data.labels.map(function(e,i){var a=0;return t.data.datasets.map(function(t){a+=t.values[i]}),[a,e]}).filter(function(t){return t[0]>0}),n=a;if(a.length>i){a.sort(function(t,e){return e[0]-t[0]}),n=a.slice(0,i-1);var r=0;a.slice(i-1).map(function(t){r+=t[0]}),n.push([r,"Rest"]),this.colors[i-1]="grey"}this.labels=[],n.map(function(i){e.sliceTotals.push(i[0]),t.labels.push(i[1])})}},{key:"render",value:function(){}},{key:"bindTooltip",value:function(){}},{key:"renderLegend",value:function(){var t=this,e=this.state;this.legendTotals=e.sliceTotals.slice(0,this.config.maxLegendPoints);var i=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legendTotals.map(function(e,a){e&&($.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='<span class="indicator">\n\t\t\t\t\t<i style="background: '+t.colors[a]+'"></i>\n\t\t\t\t\t<span class="text-muted">'+i[a]+":</span>\n\t\t\t\t\t"+e+"\n\t\t\t\t</span>")})}}]),e}(BaseChart),PercentageChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="percentage",a.setup(),a}return inherits(e,t),createClass(e,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=$.create("div",{className:"div",inside:this.chartWrapper}),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.grand_total=e.sliceTotals.reduce(function(t,e){return t+e},0),this.slices=[],e.sliceTotals.map(function(e,i){var a=$.create("div",{className:"progress-bar",inside:t.percentageBar,styles:{background:t.colors[i],width:100*e/t.grand_total+"%"}});t.slices.push(a)})}},{key:"bindTooltip",value:function(){}}]),e}(AggregationChart),PieChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="pie",a.hoverRadio=i.hoverRadio||.1,a.startAngle=i.startAngle||0,a.clockWise=i.clockWise||!1,a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this)}},{key:"calc",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this),this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y}},{key:"render",value:function(t){var e=this,i=this.radius,a=this.clockWise;this.grand_total=this.state.sliceTotals.reduce(function(t,e){return t+e},0);var n=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var r=180-this.startAngle;this.state.sliceTotals.map(function(s,o){var l=r,c=s/e.grand_total*FULL_ANGLE,h=a?-c:c,u=r+=h,d=getPositionByAngle(l,i),p=getPositionByAngle(u,i),f=t&&n[o],v=void 0,g=void 0;t?(v=f?f.startPosition:d,g=f?f.endPosition:d):(v=d,g=p);var y=makeArcPathStr(v,g,e.center,e.radius,e.clockWise),m=makePath(y,"pie-path","none",e.colors[o]);m.style.transition="transform .3s;",e.drawArea.appendChild(m),e.slices.push(m),e.slicesProperties.push({startPosition:d,endPosition:p,value:s,total:e.grand_total,startAngle:l,endAngle:u,angle:h}),t&&e.elements_to_animate.push([m,{d:makeArcPathStr(d,p,e.center,e.radius,e.clockWise)},650,"easein",null,{d:y}])})}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,a=getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+a.x*i+"px,"+a.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,e,i,a){if(t){var n=this.colors[e];if(i){transform(t,this.calTranslateByAngle(this.slicesProperties[e])),t.style.fill=lightenDarkenColor(n,50);var r=getOffset(this.svg),s=a.pageX-r.left+10,o=a.pageY-r.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.labels[e])+": ",c=(100*this.state.sliceTotals[e]/this.grand_total).toFixed(1);this.tip.set_values(s,o,l,c+"%"),this.tip.show_tip()}else transform(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=n}}},{key:"mouseMove",value:function(t){for(var e=t.target,i=this.curActiveSliceIndex,a=this.curActiveSlice,n=0;n<this.slices.length;n++)if(e===this.slices[n]){this.hoverSlice(a,i,!1),this.curActiveSlice=e,this.curActiveSliceIndex=n,this.hoverSlice(e,n,!0,t);break}}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}},{key:"bindTooltip",value:function(){}}]),e}(AggregationChart),Heatmap=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));a.type="heatmap",a.domain=i.domain||"",a.subdomain=i.subdomain||"",a.data=i.data||{},a.discrete_domains=i.discrete_domains||1,a.count_label=i.count_label||"";var n=new Date;a.start=i.start||addDays(n,365);var r=(i.legend_colors||[]).slice(0,5);return a.legend_colors=a.validate_colors(r)?r:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],a.distribution_size=5,a.translateX=0,a.setup(),a}return inherits(e,t),createClass(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){isValidColor(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&addDays(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&addDays(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=getWeeksBetween(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"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.data).map(function(e){return t.data[e]});this.distribution=calcDistribution(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{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.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;i<t;i++){var a=void 0,n=0,r=new Date(e),s=this.get_week_squares_group(r,this.week_col),o=slicedToArray(s,2);a=o[0],n=o[1],this.dataGroups.appendChild(a),this.week_col+=1+parseInt(this.discrete_domains&&n),this.month_weeks[this.current_month]++,n&&(this.current_month=(this.current_month+1)%12,this.months.push(this.current_month+""),this.month_weeks[this.current_month]=1),addDays(e,7)}this.render_month_labels()}},{key:"get_week_squares_group",value:function(t,e){for(var i=this.today.getTime(),a=0,n=0,r=makeSVGGroup(this.dataGroups,"data-group"),s=0,o=0;o<7;o+=1,s+=12){var l=0,c=0,h=t.getTime()/1e3,u=Math.floor(h-h%86400).toFixed(1);this.data[u]&&(l=this.data[u]),this.data[Math.round(u)]&&(l=this.data[Math.round(u)]),l&&(c=getMaxCheckpoint(l,this.distribution));var d=13+12*(e+n),p={"data-date":getDdMmYyyy(t),"data-value":l,"data-day":t.getDay()},f=makeHeatSquare("day",d,s,10,this.legend_colors[c],p);r.appendChild(f);var v=new Date(t);if(addDays(v,1),v.getTime()>i)break;v.getMonth()-t.getMonth()&&(a=1,this.discrete_domains&&(n=1),this.month_start_points.push(13+12*(e+n))),t=v}return[r,a]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var a=makeText("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));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"),a=e.target.getAttribute("data-date").split("-"),n=t.month_names[parseInt(a[1])-1].substring(0,3),r=t.chartWrapper.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.count_label,u=" on "+n+" "+a[0]+", "+a[2];t.tip.set_values(l,c,u,h,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(BaseChart),ChartComponent=function(){function t(e){var i=e.layerClass,a=void 0===i?"":i,n=e.layerTransform,r=void 0===n?"":n,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=a,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={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return yLine(i,t.labels[a],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,a=this.oldData.positions,n=this.oldData.labels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,labels:i}),this.store.map(function(t,i){return translateHoriLine(t,e[i],a[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return xLine(i,t.calcLabels[a],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,a=this.oldData.positions,n=this.oldData.calcLabels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,calcLabels:i}),this.store.map(function(t,i){return translateVertLine(t,e[i],a[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 a=(t=i[1]).map(function(t){return t.position}),n=t.map(function(t){return t.label}),r=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(r.map(function(t,e){return{position:r[e],label:n[e]}})),this.store.map(function(t,e){return translateHoriLine(t,a[e],r[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.end}),n=t.map(function(t){return t.label}),r=t.map(function(t){return t.start}),s=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(s.map(function(t,e){return{start:o[e],end:s[e],label:n[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,r[e],a[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,a){return datasetBar(t.xPositions[a],i,t.barWidth,e.color,t.labels[a],a,t.offsets[a],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,a=t.yPositions,n=t.offsets,r=t.labels,s=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,c=this.oldData.labels,h=equilizeNoOfElements(s,i),u=slicedToArray(h,2);s=u[0],i=u[1];var d=equilizeNoOfElements(o,a),p=slicedToArray(d,2);o=p[0],a=p[1];var f=equilizeNoOfElements(l,n),v=slicedToArray(f,2);l=v[0],n=v[1];var g=equilizeNoOfElements(c,r),y=slicedToArray(g,2);c=y[0],r=y[1],this.render({xPositions:s,yPositions:o,offsets:l,labels:r,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var m=[];return this.store.map(function(r,s){m=m.concat(animateBar(r,i[s],a[s],t.barWidth,n[s],e.index,{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=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,a){return datasetDot(t.xPositions[a],i,t.radius,e.color,e.valuesOverPoints?t.values[a]:"",a)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,a=t.values,n=this.oldData.xPositions,r=this.oldData.yPositions,s=this.oldData.values,o=equilizeNoOfElements(n,e),l=slicedToArray(o,2);n=l[0],e=l[1];var c=equilizeNoOfElements(r,i),h=slicedToArray(c,2);r=h[0],i=h[1];var u=equilizeNoOfElements(s,a),d=slicedToArray(u,2);s=d[0],a=d[1],this.render({xPositions:n,yPositions:r,values:a,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,a){p=p.concat(animateDot(t,e[a],i[a]))}),p}}},AxisChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.barOptions=i.barOptions||{},a.lineOptions=i.lineOptions||{},a.type=i.type||"line",a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),t.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||1,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_MARGIN,this.rightMargin=Y_AXIS_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),a=getIntervalSize(e)*i,n=this.height-getZeroIndex(e)*a;this.state.yAxis={labels:e,positions:e.map(function(t){return n-t*i}),scaleMultiplier:i,zeroLine:n},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 a=t.values,n=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:a,yPositions:e(a),cumulativeYs:n,cumulativeYPos:e(n)}})}},{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,i){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.label.includes(":")||(e.label+=": "+e.value),e})),this.data.yRegions&&(this.state.yRegions=this.data.yRegions.map(function(e){return e.start=scale(e.start,t.yAxis),e.end=scale(e.end,t.yAxis),e}))}},{key:"getAllYValues",value:function(){var t,e=this,i="values";if(this.barOptions.stacked){i="cumulativeYs";var a=new Array(this.state.datasetLength).fill(0);this.data.datasets.map(function(t,n){var r=e.data.datasets[n].values;t[i]=a=a.map(function(t,e){return t+r[e]})})}return(t=[]).concat.apply(t,toConsumableArray(this.data.datasets.map(function(t){return t[i]})))}},{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}),a=this.state.datasets.filter(function(t){return"line"===t.chartType}),n=i.map(function(e){var a=e.index;return["barGraph-"+e.index,{index:a,color:t.colors[a],stacked:t.barOptions.stacked,valuesOverPoints:t.config.valuesOverPoints,minHeight:t.height*MIN_BAR_PERCENT_HEIGHT},function(){var t=this.state,e=t.datasets[a],n=this.barOptions.stacked,r=this.barOptions.spaceRatio||BAR_CHART_SPACE_RATIO,s=t.unitWidth*(1-r),o=s/(n?1:i.length),l=t.xAxis.positions.map(function(t){return t-s/2});n||(l=l.map(function(t){return t+o*a}));var c=new Array(t.datasetLength).fill("");this.valuesOverPoints&&(c=n&&e.index===t.datasets.length-1?e.cumulativeYs:e.values);var h=new Array(t.datasetLength).fill(0);return n&&(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=a.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(n,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.chartWrapper.addEventListener("mousemove",function(e){var i=getOffset(t.chartWrapper),a=e.pageX-i.left-t.leftMargin;e.pageY-i.top-t.translateY<t.height+2*t.translateY?t.mapTooltipXPosition(a):t.tip.hide_tip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this,i=this.state;if(i.yExtremes){var a=i.xAxis.labels;this.formatTooltipX&&this.formatTooltipX(a[0])&&(a=a.map(function(t){return e.formatTooltipX(t)}));for(var n=this.formatTooltipY&&this.formatTooltipY(this.y[0].values[0]),r=i.datasetLength-1;r>=0;r--){var s=i.xAxis.positions[r];if(t>s-i.unitWidth/2){var o=s+this.leftMargin,l=i.yExtremes[r]+this.translateY,c=this.data.datasets.map(function(t,i){return{title:t.title,value:n?e.formatTooltipY(t.values[r]):t.values[r],color:e.colors[i]}});this.tip.set_values(o,l,a[r],"",c),this.tip.show_tip();break}}}}},{key:"makeOverlay",value:function(){var t=this;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(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{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(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{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 a=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,a),this.data.labels.splice(a,0,t),this.data.datasets.map(function(t,e){t.values.splice(a,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;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)}}]),e}(BaseChart),chartTypes={percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e,i){return classCallCheck(this,t),getChartByType(i.type,e,i)};export default Chart;
+function __$styleInject(t,e){void 0===e&&(e={});var a=e.insertAt;if(t&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===a&&i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.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),a=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-a}function fire(t,e,a){var i=document.createEvent("HTMLEvents");i.initEvent(e,!0,!0);for(var n in a)i[n]=a[n];return t.dispatchEvent(i)}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]&&arguments[3];a||(a=i?t[0]:t[t.length-1]);var n=new Array(Math.abs(e)).fill(a);return t=i?n.concat(t):t.concat(n)}function getStringWidth(t,e){return(t+"").length*e}function getPositionByAngle(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}function getBarHeightAndYAttr(t,e){var a=void 0,i=void 0;return t<=e?(a=e-t,i=t):(a=t-e,i=e),[a,i]}function equilizeNoOfElements(t,e){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return a>0?t=fillArray(t,a):e=fillArray(e,a),[t,e]}function translate(t,e,a,i){var n="string"==typeof e?e:e.join(", ");return[t,{transform:a.join(", ")},i,STD_EASING,"translate",{transform:n}]}function translateVertLine(t,e,a){return translate(t,[a,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,a){return translate(t,[0,a],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,a,i){var n=e-a,r=t.childNodes[0];return[[r,{height:n,"stroke-dasharray":r.getAttribute("width")+", "+n},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,i],[0,a],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(a,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),s=slicedToArray(r,2),o=s[0],l=s[1];return l-=n,"rect"!==t.nodeName?[[t.childNodes[0],{width:i,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:i,height:o,x:e,y:l},UNIT_ANIM_DUR,STD_EASING]]}function animateDot(t,e,a){return"circle"!==t.nodeName?[translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,a],MARKER_LINE_ANIM_DUR)]:[[t,{cx:e,cy:a},UNIT_ANIM_DUR,STD_EASING]]}function animatePath(t,e,a,i){var n=[],r=a.map(function(t,a){return e[a]+","+t}).join("L"),s=[t.path,{d:"M"+r},PATH_ANIM_DUR,STD_EASING];if(n.push(s),t.region){var o=e[0]+","+i+"L",l="L"+e.slice(-1)[0]+", "+i,c=[t.region,{d:"M"+o+r+l},PATH_ANIM_DUR,STD_EASING];n.push(c)}return n}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var a=document.createElementNS("http://www.w3.org/2000/svg",t);for(var i in e){var n=e[i];if("inside"===i)$$1(n).appendChild(a);else if("around"===i){var r=$$1(n);r.parentNode.insertBefore(a,r),a.appendChild(r)}else"styles"===i?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){a.style[t]=n[t]}):("className"===i&&(i="class"),"innerHTML"===i?a.textContent=n:a.setAttribute(i,n))}return a}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,a,i){return createSVG("stop",{inside:t,style:"stop-color: "+a,offset:e,"stop-opacity":i})}function makeSVGContainer(t,e,a,i){return createSVG("svg",{className:e,inside:t,width:a,height:i})}function makeSVGDefs(t){return createSVG("defs",{inside:t})}function makeSVGGroup(t,e){return createSVG("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function 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,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=a.x+t.x,s=a.y+t.y,o=a.x+e.x,l=a.y+e.y;return"M"+a.x+" "+a.y+"\n\t\tL"+r+" "+s+"\n\t\tA "+i+" "+i+" 0 0 "+(n?1:0)+"\n\t\t"+o+" "+l+" z"}function makeGradient(t,e){var a=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i="path-fill-gradient-"+e+"-"+(a?"lighter":"default"),n=renderVerticalGradient(t,i),r=[1,.6,.2];return a&&(r=[.4,.2,0]),setGradientStop(n,"0%",e,r[0]),setGradientStop(n,"50%",e,r[1]),setGradientStop(n,"100%",e,r[2]),i}function makeHeatSquare(t,e,a,i){var n=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:a,width:i,height:i,fill:n};return Object.keys(r).map(function(t){s[t]=r[t]}),createSVG("rect",s)}function makeText(t,e,a,i){return createSVG("text",{className:t,x:e,y:a,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px",innerHTML:i})}function makeVertLine(t,e,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+n.className,x1:0,x2:0,y1:a,y2:i,styles:{stroke:n.stroke}}),s=createSVG("text",{x:0,y:a>i?a+LABEL_MARGIN:a-LABEL_MARGIN-FONT_SIZE,dy:FONT_SIZE+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:e}),o=createSVG("g",{transform:"translate("+t+", 0)"});return o.appendChild(r),o.appendChild(s),o}function makeHoriLine(t,e,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR),n.lineType||(n.lineType="");var r=createSVG("line",{className:"line-horizontal "+n.className+("dashed"===n.lineType?"dashed":""),x1:a,x2:i,y1:0,y2:0,styles:{stroke:n.stroke}}),s=createSVG("text",{x:a<i?a-LABEL_MARGIN:a+LABEL_MARGIN,y:0,dy:FONT_SIZE/2-2+"px","font-size":FONT_SIZE+"px","text-anchor":a<i?"end":"start",innerHTML:e+""}),o=createSVG("g",{transform:"translate(0, "+t+")","stroke-opacity":1});return 0!==s&&"0"!==s||(o.style.stroke="rgba(27, 31, 35, 0.6)"),o.appendChild(r),o.appendChild(s),o}function yLine(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};i.pos||(i.pos="left"),i.offset||(i.offset=0),i.mode||(i.mode="span"),i.stroke||(i.stroke=BASE_LINE_COLOR),i.className||(i.className="");var n=-1*AXIS_TICK_LENGTH,r="span"===i.mode?a+AXIS_TICK_LENGTH:0;return"tick"===i.mode&&"right"===i.pos&&(n=a+AXIS_TICK_LENGTH,r=a),n+=i.offset,r+=i.offset,makeHoriLine(t,e,n,r,{stroke:i.stroke,className:i.className,lineType:i.lineType})}function xLine(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};i.pos||(i.pos="bottom"),i.offset||(i.offset=0),i.mode||(i.mode="span"),i.stroke||(i.stroke=BASE_LINE_COLOR),i.className||(i.className="");var n=a+AXIS_TICK_LENGTH,r="span"===i.mode?-1*AXIS_TICK_LENGTH:a;return"tick"===i.mode&&"top"===i.pos&&(n=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,n,r,{stroke:i.stroke,className:i.className,lineType:i.lineType})}function yMarker(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=createSVG("text",{className:"chart-label",x:a-getStringWidth(e,5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),r=makeHoriLine(t,"",0,a,{stroke:i.stroke||BASE_LINE_COLOR,className:i.className||"",lineType:i.lineType});return r.appendChild(n),r}function yRegion(t,e,a,i){var n=t-e,r=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":a+", "+n},x:0,y:0,width:a,height:n}),s=createSVG("text",{className:"chart-label",x:a-getStringWidth(i,4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:i+""}),o=createSVG("g",{transform:"translate(0, "+e+")"});return o.appendChild(r),o.appendChild(s),o}function datasetBar(t,e,a,i){var n=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: "+i,"data-point-index":r,x:t,y:u-=s,width:a,height:h||o.minHeight});if(n||n.length){d.setAttribute("y",0),d.setAttribute("x",0);var p=createSVG("text",{className:"data-point-value",x:a/2,y:0,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),f=createSVG("g",{transform:"translate("+t+", "+u+")"});return f.appendChild(d),f.appendChild(p),f}return d}function datasetDot(t,e,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=createSVG("circle",{style:"fill: "+i,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:a});if(n||n.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var s=createSVG("text",{className:"data-point-value",x:0,y:0,dy:FONT_SIZE/2*-1-a+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),o=createSVG("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(r),o.appendChild(s),o}return r}function getPaths(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.map(function(e,a){return t[a]+","+e}).join("L"),s=makePath("M"+r,"line-graph-path",a);if(i.heatline){var o=makeGradient(n.svgDefs,a);s.style.stroke="url(#"+o+")"}var l={path:s};if(i.regionFill){var c=makeGradient(n.svgDefs,a,!0),h="M"+t[0]+","+n.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+n.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 a=getColor(t),i=!1;"#"==a[0]&&(a=a.slice(1),i=!0);var n=parseInt(a,16),r=limitColor((n>>16)+e),s=limitColor((n>>8&255)+e),o=limitColor((255&n)+e);return(i?"#":"")+(o|s<<8|r<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function getDifferentChart(t,e,a,i){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=COLOR_COMPATIBLE_CHARTS[e].includes(t);return i.type=t,i.colors=n?i.colors:void 0,new Chart(a,i)}}function animateSVGElement(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,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:a/1e3+"s",values:h+";"+u,keySplines:EASING[i],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};n&&(d.type=n);for(var p in d)c.setAttribute(p,d[p]);s.appendChild(c),n?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 a=[],i=[];e.map(function(t){var e=t[0],n=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],a.push(s),i.push([r,n]),n.replaceChild(r,e)});var n=t.cloneNode(!0);return i.map(function(t,i){t[1].replaceChild(a[i],t[0]),e[i][0]=a[i]}),n}function runSMILAnimation(t,e,a){if(0!==a.length){var i=animateSVG(e,a);e.parentNode==t&&(t.removeChild(e),t.appendChild(i)),setTimeout(function(){i.parentNode==t&&(t.removeChild(i),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getDdMmYyyy(t){var e=t.getDate(),a=t.getMonth()+1;return[(e>9?"":"0")+e,(a>9?"":"0")+a,t.getFullYear()].join("-")}function getWeeksBetween(t,e){return Math.ceil(getDaysBetween(t,e)/7)}function getDaysBetween(t,e){return(treatAsUtc(e)-treatAsUtc(t))/864e5}function addDays(t,e){t.setDate(t.getDate()+e)}function normalize(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var a=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,a)),a]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,a=Math.ceil(t),i=Math.floor(e),n=a-i,r=n,s=1;n>5&&(n%2!=0&&(n=++a-i),r=n/2,s=2),n<=2&&(s=n/(r=4)),0===n&&(r=5,s=1);for(var o=[],l=0;l<=r;l++)o.push(i+s*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,a=normalize(t),i=slicedToArray(a,2),n=i[0],r=i[1],s=e?e/Math.pow(10,r):0,o=getChartRangeIntervals(n=n.toFixed(6),s);return o=o.map(function(t){return t*Math.pow(10,r)})}function calcChartIntervals(t){function e(t,e){for(var a=getChartIntervals(t),i=a[1]-a[0],n=0,r=1;n<e;r++)n+=i,a.unshift(-1*n);return a}var a=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=Math.max.apply(Math,toConsumableArray(t)),n=Math.min.apply(Math,toConsumableArray(t)),r=[];if(i>=0&&n>=0)normalize(i)[1],r=a?getChartIntervals(i,n):getChartIntervals(i);else if(i>0&&n<0){var s=Math.abs(n);i>=s?(normalize(i)[1],r=e(i,s)):(normalize(s)[1],r=e(s,i).map(function(t){return-1*t}))}else if(i<=0&&n<=0){var o=Math.abs(n),l=Math.abs(i);normalize(o)[1],r=(r=a?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 a=Math.max.apply(Math,toConsumableArray(t)),i=1/(e-1),n=[],r=0;r<e;r++){var s=a*(i*r);n.push(s)}return n}function getMaxCheckpoint(t,e){return e.filter(function(e){return e<t}).length}function dataPrep(t,e){t.labels=t.labels||[];var a=t.labels.length,i=t.datasets,n=new Array(a).fill(0);return i||(i=[{values:n}]),i.map(function(t,i){if(t.values){var r=t.values;r=(r=r.map(function(t){return isNaN(t)?0:t})).length>a?r.slice(0,a):fillArray(r,a-r.length,0)}else t.values=n;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,a=new Array(e).fill(0),i={labels:t.labels.slice(0,-1),datasets:t.datasets.map(function(t){return{name:"",values:a.slice(0,-1),chartType:t.chartType}})};return t.yMarkers&&(i.yMarkers=[{value:0,label:""}]),t.yRegions&&(i.yRegions=[{start:0,end:0,label:""}]),i}function getShortenedLabels(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],a=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],i=t/e.length/DEFAULT_CHAR_WIDTH;return e.map(function(t,e){return(t+="").length>i&&(a?e%Math.ceil(t.length/i)!=0&&(t=""):t=i-3>0?t.slice(0,i-3)+" ...":t.slice(0,i)+".."),t})}function getComponent(t,e,a){var i=Object.keys(componentConfigs).filter(function(e){return t.includes(e)}),n=componentConfigs[i[0]];return Object.assign(n,{constants:e,getData:a}),new ChartComponent(n)}function getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],a=arguments[2];return"line"===t?(a.type="line",new AxisChart(e,a)):"bar"===t?(a.type="bar",new AxisChart(e,a)):"axis-mixed"===t?(a.type="line",new AxisChart(e,a)):chartTypes[t]?new chartTypes[t](e,a):void console.error("Undefined chart type: "+t)}__$styleInject('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},asyncGenerator=function(){function t(t){this.value=t}function e(e){function a(t,e){return new Promise(function(a,n){var o={key:t,arg:e,resolve:a,reject:n,next:null};s?s=s.next=o:(r=s=o,i(t,e))})}function i(a,r){try{var s=e[a](r),o=s.value;o instanceof t?Promise.resolve(o.value).then(function(t){i("next",t)},function(t){i("throw",t)}):n(s.done?"return":"normal",s.value)}catch(t){n("throw",t)}}function n(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)?i(r.key,r.arg):s=null}var r,s;this._invoke=a,"function"!=typeof e.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)},{wrap:function(t){return function(){return new e(t.apply(this,arguments))}},await:function(e){return new t(e)}}}(),classCallCheck=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},createClass=function(){function t(t,e){for(var a=0;a<e.length;a++){var i=e[a];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,a,i){return a&&t(e.prototype,a),i&&t(e,i),e}}(),get=function t(e,a,i){null===e&&(e=Function.prototype);var n=Object.getOwnPropertyDescriptor(e,a);if(void 0===n){var r=Object.getPrototypeOf(e);return null===r?void 0:t(r,a,i)}if("value"in n)return n.value;var s=n.get;if(void 0!==s)return s.call(i)},inherits=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)},possibleConstructorReturn=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e},slicedToArray=function(){function t(t,e){var a=[],i=!0,n=!1,r=void 0;try{for(var s,o=t[Symbol.iterator]();!(i=(s=o.next()).done)&&(a.push(s.value),!e||a.length!==e);i=!0);}catch(t){n=!0,r=t}finally{try{!i&&o.return&&o.return()}finally{if(n)throw r}}return a}return function(e,a){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,a);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),toConsumableArray=function(t){if(Array.isArray(t)){for(var e=0,a=Array(t.length);e<t.length;e++)a[e]=t[e];return a}return Array.from(t)};$.create=function(t,e){var a=document.createElement(t);for(var i in e){var n=e[i];if("inside"===i)$(n).appendChild(a);else if("around"===i){var r=$(n);r.parentNode.insertBefore(a,r),a.appendChild(r)}else"styles"===i?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){a.style[t]=n[t]}):i in a?a[i]=n:a.setAttribute(i,n)}return a};var SvgTip=function(){function t(e){var a=e.parent,i=void 0===a?null:a,n=e.colors,r=void 0===n?[]:n;classCallCheck(this,t),this.parent=i,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;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,a){var i=t.colors[a]||"black",n=$.create("li",{styles:{"border-top":"3px solid "+i},innerHTML:'<strong style="display: block;">'+(0===e.value||e.value?e.value:"")+"</strong>\n\t\t\t\t\t"+(e.title?e.title:"")});t.dataPointList.appendChild(n)})}},{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,a=this.container.querySelector(".svg-pointer");if(this.left<0)a.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var i="calc(50% + "+(this.left-e)+"px)";a.style.left=i,this.left=e}else a.style.left="50%"}},{key:"setValues",value:function(t,e){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.titleName=a,this.titleValue=i,this.listValues=n,this.x=t,this.y=e,this.titleValueFirst=r,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}(),VERT_SPACE_OUTSIDE_BASE_CHART=40,TRANSLATE_Y_BASE_CHART=20,LEFT_MARGIN_BASE_CHART=60,RIGHT_MARGIN_BASE_CHART=40,Y_AXIS_MARGIN=60,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=8,ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",makeOverlay={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var a=t.cloneNode();return a.style.fill="#000000",a.style.opacity="0.4",e&&a.setAttribute("transform",e),a},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var a=t.cloneNode(),i=t.getAttribute("r");return a.setAttribute("r",i+DOT_OVERLAY_SIZE_INCR),a.style.fill="#000000",a.style.opacity="0.4",e&&a.setAttribute("transform",e),a}},updateOverlay={bar:function(t,e){var a=void 0;"rect"!==t.nodeName&&(a=t.getAttribute("transform"),t=t.childNodes[0]);var i=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return i.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),a&&e.setAttribute("transform",a)},dot:function(t,e){var a=void 0;"circle"!==t.nodeName&&(a=t.getAttribute("transform"),t=t.childNodes[0]);var i=["cx","cy"];Object.values(t.attributes).filter(function(t){return i.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),a&&e.setAttribute("transform",a)}},PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},DEFAULT_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],getColor=function(t){return PRESET_COLOR_MAP[t]||t},ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},COLOR_COMPATIBLE_CHARTS={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e,a){if(classCallCheck(this,t),this.rawChartArgs=a,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.title=a.title||"",this.subtitle=a.subtitle||"",this.argHeight=a.height||240,this.type=a.type||"",this.realData=this.prepareData(a.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:a.showLegend||1,isNavigable:a.isNavigable||0,animate:1},this.state={},this.options={},this.config.isNavigable&&(this.overlays=[]),this.configure(a)}return createClass(t,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length<e.length?this.colors=DEFAULT_COLORS:this.colors=t.colors,this.colors=this.colors.map(function(t){return getColor(t)})}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-VERT_SPACE_OUTSIDE_BASE_CHART,this.translateY=TRANSLATE_Y_BASE_CHART,this.leftMargin=LEFT_MARGIN_BASE_CHART,this.rightMargin=RIGHT_MARGIN_BASE_CHART}},{key:"validate",value:function(){return!0}},{key:"setup",value:function(){this.validate()&&this._setup()}},{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.container=$.create("div",{className:"chart-container",innerHTML:'<h6 class="title">'+this.title+'</h6>\n\t\t\t\t<h6 class="sub-title uppercase">'+this.subtitle+'</h6>\n\t\t\t\t<div class="frappe-chart graphics"></div>\n\t\t\t\t<div class="graph-stats-container"></div>'}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],a=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),a&&(this.data=this.realData,setTimeout(function(){t.update()},INIT_CHART_UPDATE_TIMEOUT)),this.renderLegend(),this.setupNavigation(a)}},{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,a=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var i=[];e.forEach(function(t){i=i.concat(t.update(a))}),i.length>0?(runSMILAnimation(this.chartWrapper,this.svg,i),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.chartWrapper.removeChild(this.svg),this.svg=makeSVGContainer(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{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.chartWrapper)&&(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:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return getDifferentChart(t,this.type,this.parent,this.rawChartArgs)}}]),t}(),AggregationChart=function(t){function e(t,a){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,a))}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,a=this.config.maxSlices;e.sliceTotals=[];var i=this.data.labels.map(function(e,a){var i=0;return t.data.datasets.map(function(t){i+=t.values[a]}),[i,e]}).filter(function(t){return t[0]>0}),n=i;if(i.length>a){i.sort(function(t,e){return e[0]-t[0]}),n=i.slice(0,a-1);var r=0;i.slice(a-1).map(function(t){r+=t[0]}),n.push([r,"Rest"]),this.colors[a-1]="grey"}e.labels=[],n.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"render",value:function(){}},{key:"bindTooltip",value:function(){}},{key:"renderLegend",value:function(){var t=this,e=this.state;this.legendTotals=e.sliceTotals.slice(0,this.config.maxLegendPoints);var a=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:e.labels;this.legendTotals.map(function(e,i){e&&($.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='<span class="indicator">\n\t\t\t\t\t<i style="background: '+t.colors[i]+'"></i>\n\t\t\t\t\t<span class="text-muted">'+a[i]+":</span>\n\t\t\t\t\t"+e+"\n\t\t\t\t</span>")})}}]),e}(BaseChart),PercentageChart=function(t){function e(t,a){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,a));return i.type="percentage",i.setup(),i}return inherits(e,t),createClass(e,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=$.create("div",{className:"div",inside:this.chartWrapper}),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.grand_total=e.sliceTotals.reduce(function(t,e){return t+e},0),this.slices=[],e.sliceTotals.map(function(e,a){var i=$.create("div",{className:"progress-bar","data-index":a,inside:t.percentageBar,styles:{background:t.colors[a],width:100*e/t.grand_total+"%"}});t.slices.push(i)})}},{key:"bindTooltip",value:function(){var t=this,e=this.state;this.chartWrapper.addEventListener("mousemove",function(a){var i=a.target;if(i.classList.contains("progress-bar")){var n=i.getAttribute("data-index"),r=getOffset(t.chartWrapper),s=getOffset(i),o=s.left-r.left+i.offsetWidth/2,l=s.top-r.top-6,c=(t.formatted_labels&&t.formatted_labels.length>0?t.formatted_labels[n]:t.state.labels[n])+": ",h=(100*e.sliceTotals[n]/t.grand_total).toFixed(1);t.tip.setValues(o,l,c,h+"%"),t.tip.showTip()}})}}]),e}(AggregationChart),PieChart=function(t){function e(t,a){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,a));return i.type="pie",i.hoverRadio=a.hoverRadio||.1,i.startAngle=a.startAngle||0,i.clockWise=a.clockWise||!1,i.setup(),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.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this)}},{key:"calc",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this),this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y}},{key:"render",value:function(t){var e=this,a=this.radius,i=this.clockWise;this.grand_total=this.state.sliceTotals.reduce(function(t,e){return t+e},0);var n=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var r=180-this.startAngle;this.state.sliceTotals.map(function(s,o){var l=r,c=s/e.grand_total*FULL_ANGLE,h=i?-c:c,u=r+=h,d=getPositionByAngle(l,a),p=getPositionByAngle(u,a),f=t&&n[o],v=void 0,g=void 0;t?(v=f?f.startPosition:d,g=f?f.endPosition:d):(v=d,g=p);var y=makeArcPathStr(v,g,e.center,e.radius,e.clockWise),m=makePath(y,"pie-path","none",e.colors[o]);m.style.transition="transform .3s;",e.drawArea.appendChild(m),e.slices.push(m),e.slicesProperties.push({startPosition:d,endPosition:p,value:s,total:e.grand_total,startAngle:l,endAngle:u,angle:h}),t&&e.elements_to_animate.push([m,{d:makeArcPathStr(d,p,e.center,e.radius,e.clockWise)},650,"easein",null,{d:y}])})}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,a=this.hoverRadio,i=getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+i.x*a+"px,"+i.y*a+"px,0)"}},{key:"hoverSlice",value:function(t,e,a,i){if(t){var n=this.colors[e];if(a){transform(t,this.calTranslateByAngle(this.slicesProperties[e])),t.style.fill=lightenDarkenColor(n,50);var r=getOffset(this.svg),s=i.pageX-r.left+10,o=i.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.grand_total).toFixed(1);this.tip.set_values(s,o,l,c+"%"),this.tip.show_tip()}else transform(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=n}}},{key:"mouseMove",value:function(t){for(var e=t.target,a=this.curActiveSliceIndex,i=this.curActiveSlice,n=0;n<this.slices.length;n++)if(e===this.slices[n]){this.hoverSlice(i,a,!1),this.curActiveSlice=e,this.curActiveSliceIndex=n,this.hoverSlice(e,n,!0,t);break}}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}},{key:"bindTooltip",value:function(){}}]),e}(AggregationChart),Heatmap=function(t){function e(t,a){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,a));i.type="heatmap",i.domain=a.domain||"",i.subdomain=a.subdomain||"",i.data=a.data||{},i.discrete_domains=a.discrete_domains||1,i.count_label=a.count_label||"";var n=new Date;i.start=a.start||addDays(n,365);var r=(a.legend_colors||[]).slice(0,5);return i.legend_colors=i.validate_colors(r)?r:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],i.distribution_size=5,i.translateX=0,i.setup(),i}return inherits(e,t),createClass(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){isValidColor(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&addDays(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&addDays(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=getWeeksBetween(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"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.data).map(function(e){return t.data[e]});this.distribution=calcDistribution(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{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.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var a=0;a<t;a++){var i=void 0,n=0,r=new Date(e),s=this.get_week_squares_group(r,this.week_col),o=slicedToArray(s,2);i=o[0],n=o[1],this.dataGroups.appendChild(i),this.week_col+=1+parseInt(this.discrete_domains&&n),this.month_weeks[this.current_month]++,n&&(this.current_month=(this.current_month+1)%12,this.months.push(this.current_month+""),this.month_weeks[this.current_month]=1),addDays(e,7)}this.render_month_labels()}},{key:"get_week_squares_group",value:function(t,e){for(var a=this.today.getTime(),i=0,n=0,r=makeSVGGroup(this.dataGroups,"data-group"),s=0,o=0;o<7;o+=1,s+=12){var l=0,c=0,h=t.getTime()/1e3,u=Math.floor(h-h%86400).toFixed(1);this.data[u]&&(l=this.data[u]),this.data[Math.round(u)]&&(l=this.data[Math.round(u)]),l&&(c=getMaxCheckpoint(l,this.distribution));var d=13+12*(e+n),p={"data-date":getDdMmYyyy(t),"data-value":l,"data-day":t.getDay()},f=makeHeatSquare("day",d,s,10,this.legend_colors[c],p);r.appendChild(f);var v=new Date(t);if(addDays(v,1),v.getTime()>a)break;v.getMonth()-t.getMonth()&&(i=1,this.discrete_domains&&(n=1),this.month_start_points.push(13+12*(e+n))),t=v}return[r,i]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,a){var i=makeText("y-value-text",e+12,10,t.month_names[t.months[a]].substring(0,3));t.domainLabelGroup.appendChild(i)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var a=e.target.getAttribute("data-value"),i=e.target.getAttribute("data-date").split("-"),n=t.month_names[parseInt(i[1])-1].substring(0,3),r=t.chartWrapper.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=a+" "+t.count_label,u=" on "+n+" "+i[0]+", "+i[2];t.tip.setValues(l,c,u,h,[],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),ChartComponent=function(){function t(e){var a=e.layerClass,i=void 0===a?"":a,n=e.layerTransform,r=void 0===n?"":n,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=i,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={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(a,i){return yLine(a,t.labels[i],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,a=t.labels,i=this.oldData.positions,n=this.oldData.labels,r=equilizeNoOfElements(i,e),s=slicedToArray(r,2);i=s[0],e=s[1];var o=equilizeNoOfElements(n,a),l=slicedToArray(o,2);return n=l[0],a=l[1],this.render({positions:i,labels:a}),this.store.map(function(t,a){return translateHoriLine(t,e[a],i[a])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(a,i){return xLine(a,t.calcLabels[i],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,a=t.calcLabels,i=this.oldData.positions,n=this.oldData.calcLabels,r=equilizeNoOfElements(i,e),s=slicedToArray(r,2);i=s[0],e=s[1];var o=equilizeNoOfElements(n,a),l=slicedToArray(o,2);return n=l[0],a=l[1],this.render({positions:i,calcLabels:a}),this.store.map(function(t,a){return translateVertLine(t,e[a],i[a])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return yMarker(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),a=slicedToArray(e,2);this.oldData=a[0];var i=(t=a[1]).map(function(t){return t.position}),n=t.map(function(t){return t.label}),r=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(r.map(function(t,e){return{position:r[e],label:n[e]}})),this.store.map(function(t,e){return translateHoriLine(t,i[e],r[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),a=slicedToArray(e,2);this.oldData=a[0];var i=(t=a[1]).map(function(t){return t.end}),n=t.map(function(t){return t.label}),r=t.map(function(t){return t.start}),s=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(s.map(function(t,e){return{start:o[e],end:s[e],label:n[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,r[e],i[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(a,i){return datasetBar(t.xPositions[i],a,t.barWidth,e.color,t.labels[i],i,t.offsets[i],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,a=t.xPositions,i=t.yPositions,n=t.offsets,r=t.labels,s=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,c=this.oldData.labels,h=equilizeNoOfElements(s,a),u=slicedToArray(h,2);s=u[0],a=u[1];var d=equilizeNoOfElements(o,i),p=slicedToArray(d,2);o=p[0],i=p[1];var f=equilizeNoOfElements(l,n),v=slicedToArray(f,2);l=v[0],n=v[1];var g=equilizeNoOfElements(c,r),y=slicedToArray(g,2);c=y[0],r=y[1],this.render({xPositions:s,yPositions:o,offsets:l,labels:r,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var m=[];return this.store.map(function(r,s){m=m.concat(animateBar(r,a[s],i[s],t.barWidth,n[s],e.index,{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=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(a,i){return datasetDot(t.xPositions[i],a,t.radius,e.color,e.valuesOverPoints?t.values[i]:"",i)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,a=t.yPositions,i=t.values,n=this.oldData.xPositions,r=this.oldData.yPositions,s=this.oldData.values,o=equilizeNoOfElements(n,e),l=slicedToArray(o,2);n=l[0],e=l[1];var c=equilizeNoOfElements(r,a),h=slicedToArray(c,2);r=h[0],a=h[1];var u=equilizeNoOfElements(s,i),d=slicedToArray(u,2);s=d[0],i=d[1],this.render({xPositions:n,yPositions:r,values:i,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var p=[];return Object.keys(this.paths).length&&(p=p.concat(animatePath(this.paths,e,a,t.zeroLine))),this.units.length&&this.units.map(function(t,i){p=p.concat(animateDot(t,e[i],a[i]))}),p}}},AxisChart=function(t){function e(t,a){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,a));return i.barOptions=a.barOptions||{},i.lineOptions=a.lineOptions||{},i.type=a.type||"line",i.setup(),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.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||1,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_MARGIN,this.rightMargin=Y_AXIS_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,a){return floatTwo(t.xOffset+a*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),a=this.height/getValueRange(e),i=getIntervalSize(e)*a,n=this.height-getZeroIndex(e)*i;this.state.yAxis={labels:e,positions:e.map(function(t){return n-t*a}),scaleMultiplier:a,zeroLine:n},this.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,a){var i=t.values,n=t.cumulativeYs||[];return{name:t.name,index:a,chartType:t.chartType,values:i,yPositions:e(i),cumulativeYs:n,cumulativeYPos:e(n)}})}},{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,a){e.yPositions.map(function(e,a){e<t.yExtremes[a]&&(t.yExtremes[a]=e)})})}},{key:"calcYRegions",value:function(){var t=this.state;this.data.yMarkers&&(this.state.yMarkers=this.data.yMarkers.map(function(e){return e.position=scale(e.value,t.yAxis),e.label.includes(":")||(e.label+=": "+e.value),e})),this.data.yRegions&&(this.state.yRegions=this.data.yRegions.map(function(e){return e.start=scale(e.start,t.yAxis),e.end=scale(e.end,t.yAxis),e}))}},{key:"getAllYValues",value:function(){var t,e=this,a="values";if(this.barOptions.stacked){a="cumulativeYs";var i=new Array(this.state.datasetLength).fill(0);this.data.datasets.map(function(t,n){var r=e.data.datasets[n].values;t[a]=i=i.map(function(t,e){return t+r[e]})})}return(t=[]).concat.apply(t,toConsumableArray(this.data.datasets.map(function(t){return t[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)]],a=this.state.datasets.filter(function(t){return"bar"===t.chartType}),i=this.state.datasets.filter(function(t){return"line"===t.chartType}),n=a.map(function(e){var i=e.index;return["barGraph-"+e.index,{index:i,color:t.colors[i],stacked:t.barOptions.stacked,valuesOverPoints:t.config.valuesOverPoints,minHeight:t.height*MIN_BAR_PERCENT_HEIGHT},function(){var t=this.state,e=t.datasets[i],n=this.barOptions.stacked,r=this.barOptions.spaceRatio||BAR_CHART_SPACE_RATIO,s=t.unitWidth*(1-r),o=s/(n?1:a.length),l=t.xAxis.positions.map(function(t){return t-s/2});n||(l=l.map(function(t){return t+o*i}));var c=new Array(t.datasetLength).fill("");this.valuesOverPoints&&(c=n&&e.index===t.datasets.length-1?e.cumulativeYs:e.values);var h=new Array(t.datasetLength).fill(0);return n&&(h=e.yPositions.map(function(t,a){return t-e.cumulativeYPos[a]})),{xPositions:l,yPositions:e.yPositions,offsets:h,labels:c,zeroLine:t.yAxis.zeroLine,barsWidth:s,barWidth:o}}.bind(t)]}),r=i.map(function(e){var a=e.index;return["lineGraph-"+e.index,{index:a,color:t.colors[a],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[a];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(n,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 a=getComponent.apply(void 0,toConsumableArray(e));return(e[0].includes("lineGraph")||e[0].includes("barGraph"))&&t.dataUnitComponents.push(a),[e[0],a]}))}},{key:"bindTooltip",value:function(){var t=this;this.chartWrapper.addEventListener("mousemove",function(e){var a=getOffset(t.chartWrapper),i=e.pageX-a.left-t.leftMargin;e.pageY-a.top-t.translateY<t.height+2*t.translateY?t.mapTooltipXPosition(i):t.tip.hideTip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this,a=this.state;if(a.yExtremes){var i=a.xAxis.labels;this.formatTooltipX&&this.formatTooltipX(i[0])&&(i=i.map(function(t){return e.formatTooltipX(t)}));for(var n=this.formatTooltipY&&this.formatTooltipY(this.y[0].values[0]),r=a.datasetLength-1;r>=0;r--){var s=a.xAxis.positions[r];if(t>s-a.unitWidth/2){var o=s+this.leftMargin,l=a.yExtremes[r]+this.translateY,c=this.data.datasets.map(function(t,a){return{title:t.title,value:n?e.formatTooltipY(t.values[r]):t.values[r],color:e.colors[a]}});this.tip.setValues(o,l,i[r],"",c),this.tip.showTip();break}}}}},{key:"makeOverlay",value:function(){var t=this;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 a=e.units[t.state.currentIndex];e.overlay=makeOverlay[e.type](a),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(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var a=e.units[t.state.currentIndex];updateOverlay[e.type](a,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(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{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,a){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,a,i),this.data.labels.splice(i,0,t),this.data.datasets.map(function(t,e){t.values.splice(i,0,a[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{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)}}]),e}(BaseChart),chartTypes={percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e,a){return classCallCheck(this,t),getChartByType(a.type,e,a)};export default Chart;
diff --git a/dist/frappe-charts.min.iife.js b/dist/frappe-charts.min.iife.js
index b26c8e3..dba0748 100644
--- a/dist/frappe-charts.min.iife.js
+++ b/dist/frappe-charts.min.iife.js
@@ -1,2 +1,2 @@
-var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function i(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 n(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function a(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 s(t){return parseFloat(t.toFixed(2))}function r(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function o(t,e){return(t+"").length*e}function l(t,e){return{x:Math.sin(t*At)*e,y:Math.cos(t*At)*e}}function h(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 c(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=r(t,i):e=r(e,i),[t,e]}function u(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,Mt,"translate",{transform:a}]}function p(t,e,i){return u(t,[i,0],[e,0],Dt)}function d(t,e,i){return u(t,[0,i],[0,e],Dt)}function f(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},Dt,Mt],u(t,[0,n],[0,i],Dt)]}function v(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=h(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),r=bt(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},Ot,Mt],u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],Dt)]:[[t,{width:n,height:o,x:e,y:l},Ot,Mt]]}function g(t,e,i){return"circle"!==t.nodeName?[u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],Dt)]:[[t,{cx:e,cy:i},Ot,Mt]]}function y(t,e,i,n){var a=[],s=i.map(function(t,i){return e[i]+","+t}).join("L"),r=[t.path,{d:"M"+s},Tt,Mt];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},Tt,Mt];a.push(h)}return a}function m(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function b(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)m(a).appendChild(i);else if("around"===n){var s=m(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":dt(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 x(t,e){return b("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function k(t,e,i,n){return b("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function _(t,e,i,n){return b("svg",{className:e,inside:t,width:i,height:n})}function w(t){return b("defs",{inside:t})}function A(t,e){return b("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function O(t){return b("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 T(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 D(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=x(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),k(a,"0%",e,s[0]),k(a,"50%",e,s[1]),k(a,"100%",e,s[2]),n}function P(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]}),b("rect",r)}function M(t,e,i,n){return b("text",{className:t,x:e,y:i,dy:Nt/2+"px","font-size":Nt+"px",innerHTML:n})}function L(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Et);var s=b("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=b("text",{x:0,y:i>n?i+Ct:i-Ct-Nt,dy:Nt+"px","font-size":Nt+"px","text-anchor":"middle",innerHTML:e}),o=b("g",{transform:"translate("+t+", 0)"});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]:{};a.stroke||(a.stroke=Et),a.lineType||(a.lineType="");var s=b("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=b("text",{x:i<n?i-Ct:i+Ct,y:0,dy:Nt/2-2+"px","font-size":Nt+"px","text-anchor":i<n?"end":"start",innerHTML:e+""}),o=b("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 N(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=Et),n.className||(n.className="");var a=-1*Lt,s="span"===n.mode?i+Lt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Lt,s=i),a+=n.offset,s+=n.offset,C(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function E(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=Et),n.className||(n.className="");var a=i+Lt,s="span"===n.mode?-1*Lt:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Lt,s=0),L(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function S(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=b("text",{className:"chart-label",x:i-o(e,5)-Ct,y:0,dy:Nt/-2+"px","font-size":Nt+"px","text-anchor":"start",innerHTML:e+""}),s=C(t,"",0,i,{stroke:n.stroke||Et,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function W(t,e,i,n){var a=t-e,s=b("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:Et,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=b("text",{className:"chart-label",x:i-o(n,4.5)-Ct,y:0,dy:Nt/-2+"px","font-size":Nt+"px","text-anchor":"start",innerHTML:n+""}),l=b("g",{transform:"translate(0, "+e+")"});return l.appendChild(s),l.appendChild(r),l}function z(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=h(e,o.zeroLine),c=bt(l,2),u=c[0],p=c[1],d=b("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":s,x:t,y:p-=r,width:i,height:u||o.minHeight});if(a||a.length){d.setAttribute("y",0),d.setAttribute("x",0);var f=b("text",{className:"data-point-value",x:i/2,y:0,dy:Nt/2*-1+"px","font-size":Nt+"px","text-anchor":"middle",innerHTML:a}),v=b("g",{transform:"translate("+t+", "+p+")"});return v.appendChild(d),v.appendChild(f),v}return d}function j(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=b("circle",{style:"fill: "+n,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(a||a.length){s.setAttribute("cy",0),s.setAttribute("cx",0);var r=b("text",{className:"data-point-value",x:0,y:0,dy:Nt/2*-1-i+"px","font-size":Nt+"px","text-anchor":"middle",innerHTML:a}),o=b("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(s),o.appendChild(r),o}return s}function Y(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=O("M"+s,"line-graph-path",i);if(n.heatline){var o=D(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var h=D(a.svgDefs,i,!0),c="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=O(c,"region-fill","none","url(#"+h+")")}return l}function H(t){return t>255?255:t<0?0:t}function R(t,e){var i=Yt(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=H((a>>16)+e),r=H((a>>8&255)+e),o=H((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function F(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function I(t,e,i,n){if(t!==e){Ht.includes(t)||console.error("'"+t+"' is not a valid chart type."),Rt[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var a=Ft[e].includes(t);return n.type=t,n.colors=a?n.colors:void 0,new Qt(i,n)}}function G(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var h=void 0;h="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var c=s[l]||t.getAttribute(l),u=e[l],p={attributeName:l,from:c,to:u,begin:"0s",dur:i/1e3+"s",values:c+";"+u,keySplines:It[n],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(p.type=a);for(var d in p)h.setAttribute(d,p[d]);r.appendChild(h),a?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[r,o]}function B(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function X(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=G.apply(void 0,xt(t)),l=bt(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=X(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},Pt)}}function U(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function V(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function J(t,e){return Math.ceil(K(t,e)/7)}function K(t,e){return(U(e)-U(t))/864e5}function $(t,e){t.setDate(t.getDate()+e)}function Q(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 Z(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 tt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Q(t),n=bt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=Z(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function et(t){function e(t,e){for(var i=tt(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,xt(t)),a=Math.min.apply(Math,xt(t)),s=[];if(n>=0&&a>=0)Q(n)[1],s=i?tt(n,a):tt(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(Q(n)[1],s=e(n,r)):(Q(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);Q(o)[1],s=(s=i?tt(o,l):tt(o)).reverse().map(function(t){return-1*t})}return s}function it(t){var e=nt(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 nt(t){return t[1]-t[0]}function at(t){return t[t.length-1]-t[0]}function st(t,e){return s(e.zeroLine-t*e.scaleMultiplier)}function rt(t,e){for(var i=Math.max.apply(Math,xt(t)),n=1/(e-1),a=[],s=0;s<e;s++){var r=i*(n*s);a.push(r)}return a}function ot(t,e){return e.filter(function(e){return e<t}).length}function lt(t,e){t.labels=t.labels||[];var i=t.labels.length,n=t.datasets,a=new Array(i).fill(0);return n||(n=[{values:a}]),n.map(function(t,n){if(t.values){var s=t.values;s=(s=s.map(function(t){return isNaN(t)?0:t})).length>i?s.slice(0,i):r(s,i-s.length,0)}else t.values=a;t.chartType||(_t.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 ht(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 ct(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/wt;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 ut(t,e,i){var n=Object.keys(Jt).filter(function(e){return t.includes(e)}),a=Jt[n[0]];return Object.assign(a,{constants:e,getData:i}),new Vt(a)}function pt(){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 Kt(e,i)):"bar"===t?(i.type="bar",new Kt(e,i)):"axis-mixed"===t?(i.type="line",new Kt(e,i)):$t[t]?new $t[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{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var dt="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},ft=(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")}),vt=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}}(),gt=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)},yt=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)},mt=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},bt=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")}}(),xt=function(t){if(Array.isArray(t)){for(var e=0,i=Array(t.length);e<t.length;e++)i[e]=t[e];return i}return Array.from(t)};t.create=function(e,i){var n=document.createElement(e);for(var a in i){var s=i[a];if("inside"===a)t(s).appendChild(n);else if("around"===a){var r=t(s);r.parentNode.insertBefore(n,r),n.appendChild(r)}else"styles"===a?"object"===(void 0===s?"undefined":dt(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 kt=function(){function e(t){var i=t.parent,n=void 0===i?null:i,a=t.colors,s=void 0===a?[]:a;ft(this,e),this.parent=n,this.colors=s,this.title_name="",this.title_value="",this.list_values=[],this.title_value_first=0,this.x=0,this.y=0,this.top=0,this.left=0,this.setup()}return vt(e,[{key:"setup",value:function(){this.make_tooltip()}},{key:"refresh",value:function(){this.fill(),this.calc_position()}},{key:"make_tooltip",value:function(){var e=this;this.container=t.create("div",{inside:this.parent,className:"graph-svg-tip comparison",innerHTML:'<span class="title"></span>\n\t\t\t\t<ul class="data-point-list"></ul>\n\t\t\t\t<div class="svg-pointer"></div>'}),this.hide_tip(),this.title=this.container.querySelector(".title"),this.data_point_list=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){e.hide_tip()})}},{key:"fill",value:function(){var e=this,i=void 0;i=this.title_value_first?"<strong>"+this.title_value+"</strong>"+this.title_name:this.title_name+"<strong>"+this.title_value+"</strong>",this.title.innerHTML=i,this.data_point_list.innerHTML="",this.list_values.map(function(i,n){var a=e.colors[n]||"black",s=t.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:'<strong style="display: block;">'+(0===i.value||i.value?i.value:"")+"</strong>\n\t\t\t\t\t"+(i.title?i.title:"")});e.data_point_list.appendChild(s)})}},{key:"calc_position",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var n="calc(50% + "+(this.left-e)+"px)";i.style.left=n,this.left=e}else i.style.left="50%"}},{key:"set_values",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.title_name=i,this.title_value=n,this.list_values=a,this.x=t,this.y=e,this.title_value_first=s,this.refresh()}},{key:"hide_tip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"show_tip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),e}(),_t=["line","bar"],wt=8,At=Math.PI/180,Ot=350,Tt=350,Dt=Ot,Pt=250,Mt="easein",Lt=6,Ct=4,Nt=10,Et="#dadada",St={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");return i.setAttribute("r",n+4),i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i}},Wt={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)}},zt={"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"},jt=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],Yt=function(t){return zt[t]||t},Ht=["line","scatter","bar","percentage","heatmap","pie"],Rt={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},Ft={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},It={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"},Gt=function(){function e(t,i){if(ft(this,e),this.rawChartArgs=i,this.parent="string"==typeof t?document.querySelector(t):t,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return vt(e,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length<e.length?this.colors=jt:this.colors=t.colors,this.colors=this.colors.map(function(t){return Yt(t)})}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-40,this.translateY=20,this.leftMargin=60,this.rightMargin=40}},{key:"validate",value:function(){return!0}},{key:"setup",value:function(){this.validate()&&this._setup()}},{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.container=t.create("div",{className:"chart-container",innerHTML:'<h6 class="title">'+this.title+'</h6>\n\t\t\t\t<h6 class="sub-title uppercase">'+this.subtitle+'</h6>\n\t\t\t\t<div class="frappe-chart graphics"></div>\n\t\t\t\t<div class="graph-stats-container"></div>'}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new kt({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],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()},700)),this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=n(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.chartWrapper,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.chartWrapper.removeChild(this.svg),this.svg=_(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=w(this.svg),this.drawArea=A(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{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){i(t.chartWrapper)&&(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:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return I(t,this.type,this.parent,this.rawChartArgs)}}]),e}(),Bt=function(e){function i(t,e){return ft(this,i),mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e))}return yt(i,e),vt(i,[{key:"configure",value:function(t){gt(i.prototype.__proto__||Object.getPrototypeOf(i.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"}this.labels=[],a.map(function(i){e.sliceTotals.push(i[0]),t.labels.push(i[1])})}},{key:"render",value:function(){}},{key:"bindTooltip",value:function(){}},{key:"renderLegend",value:function(){var e=this,i=this.state;this.legendTotals=i.sliceTotals.slice(0,this.config.maxLegendPoints);var n=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legendTotals.map(function(i,a){i&&(t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='<span class="indicator">\n\t\t\t\t\t<i style="background: '+e.colors[a]+'"></i>\n\t\t\t\t\t<span class="text-muted">'+n[a]+":</span>\n\t\t\t\t\t"+i+"\n\t\t\t\t</span>")})}}]),i}(Gt),Xt=function(e){function i(t,e){ft(this,i);var n=mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="percentage",n.setup(),n}return yt(i,e),vt(i,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=t.create("div",{className:"div",inside:this.chartWrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=t.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var e=this,i=this.state;this.grand_total=i.sliceTotals.reduce(function(t,e){return t+e},0),this.slices=[],i.sliceTotals.map(function(i,n){var a=t.create("div",{className:"progress-bar",inside:e.percentageBar,styles:{background:e.colors[n],width:100*i/e.grand_total+"%"}});e.slices.push(a)})}},{key:"bindTooltip",value:function(){}}]),i}(Bt),qt=function(t){function i(t,e){ft(this,i);var n=mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="pie",n.hoverRadio=e.hoverRadio||.1,n.startAngle=e.startAngle||0,n.clockWise=e.clockWise||!1,n.setup(),n}return yt(i,t),vt(i,[{key:"configure",value:function(t){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this)}},{key:"calc",value:function(){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"calc",this).call(this),this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y}},{key:"render",value:function(t){var e=this,i=this.radius,n=this.clockWise;this.grand_total=this.state.sliceTotals.reduce(function(t,e){return t+e},0);var a=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var s=180-this.startAngle;this.state.sliceTotals.map(function(r,o){var h=s,c=r/e.grand_total*360,u=n?-c:c,p=s+=u,d=l(h,i),f=l(p,i),v=t&&a[o],g=void 0,y=void 0;t?(g=v?v.startPosition:d,y=v?v.endPosition:d):(g=d,y=f);var m=T(g,y,e.center,e.radius,e.clockWise),b=O(m,"pie-path","none",e.colors[o]);b.style.transition="transform .3s;",e.drawArea.appendChild(b),e.slices.push(b),e.slicesProperties.push({startPosition:d,endPosition:f,value:r,total:e.grand_total,startAngle:h,endAngle:p,angle:u}),t&&e.elements_to_animate.push([b,{d:T(d,f,e.center,e.radius,e.clockWise)},650,"easein",null,{d:m}])})}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=l(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){B(t,this.calTranslateByAngle(this.slicesProperties[i])),t.style.fill=R(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,h=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.labels[i])+": ",c=(100*this.state.sliceTotals[i]/this.grand_total).toFixed(1);this.tip.set_values(o,l,h,c+"%"),this.tip.show_tip()}else B(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=s}}},{key:"mouseMove",value:function(t){for(var e=t.target,i=this.curActiveSliceIndex,n=this.curActiveSlice,a=0;a<this.slices.length;a++)if(e===this.slices[a]){this.hoverSlice(n,i,!1),this.curActiveSlice=e,this.curActiveSliceIndex=a,this.hoverSlice(e,a,!0,t);break}}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}},{key:"bindTooltip",value:function(){}}]),i}(Bt),Ut=function(t){function e(t,i){ft(this,e);var n=mt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));n.type="heatmap",n.domain=i.domain||"",n.subdomain=i.subdomain||"",n.data=i.data||{},n.discrete_domains=i.discrete_domains||1,n.count_label=i.count_label||"";var a=new Date;n.start=i.start||$(a,365);var s=(i.legend_colors||[]).slice(0,5);return n.legend_colors=n.validate_colors(s)?s:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],n.distribution_size=5,n.translateX=0,n.setup(),n}return yt(e,t),vt(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){F(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){gt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&$(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&$(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=J(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){gt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=A(this.drawArea,"domain-label-group chart-label"),this.dataGroups=A(this.drawArea,"data-groups","translate(0, 20)")}},{key:"calc",value:function(){var t=this,e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=rt(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{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.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;i<t;i++){var n=void 0,a=0,s=new Date(e),r=this.get_week_squares_group(s,this.week_col),o=bt(r,2);n=o[0],a=o[1],this.dataGroups.appendChild(n),this.week_col+=1+parseInt(this.discrete_domains&&a),this.month_weeks[this.current_month]++,a&&(this.current_month=(this.current_month+1)%12,this.months.push(this.current_month+""),this.month_weeks[this.current_month]=1),$(e,7)}this.render_month_labels()}},{key:"get_week_squares_group",value:function(t,e){for(var i=this.today.getTime(),n=0,a=0,s=A(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.data[u]&&(l=this.data[u]),this.data[Math.round(u)]&&(l=this.data[Math.round(u)]),l&&(h=ot(l,this.distribution));var p=13+12*(e+a),d={"data-date":V(t),"data-value":l,"data-day":t.getDay()},f=P("day",p,r,10,this.legend_colors[h],d);s.appendChild(f);var v=new Date(t);if($(v,1),v.getTime()>i)break;v.getMonth()-t.getMonth()&&(n=1,this.discrete_domains&&(a=1),this.month_start_points.push(13+12*(e+a))),t=v}return[s,n]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var n=M("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.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=t.month_names[parseInt(n[1])-1].substring(0,3),s=t.chartWrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-s.left+(o+2)/2,h=r.top-s.top-(o+2)/2,c=i+" "+t.count_label,u=" on "+a+" "+n[0]+", "+n[2];t.tip.set_values(l,h,u,c,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){gt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(Gt),Vt=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;ft(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 vt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=A(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}(),Jt={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return N(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=c(n,e),r=bt(s,2);n=r[0],e=r[1];var o=c(a,i),l=bt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return d(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return E(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=c(n,e),r=bt(s,2);n=r[0],e=r[1];var o=c(a,i),l=bt(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return p(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return S(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=c(this.oldData,t),i=bt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),s=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(s.map(function(t,e){return{position:s[e],label:a[e]}})),this.store.map(function(t,e){return d(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return W(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=c(this.oldData,t),i=bt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.end}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(f(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 z(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=this.constants,i=t.xPositions,n=t.yPositions,a=t.offsets,s=t.labels,r=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,h=this.oldData.labels,u=c(r,i),p=bt(u,2);r=p[0],i=p[1];var d=c(o,n),f=bt(d,2);o=f[0],n=f[1];var g=c(l,a),y=bt(g,2);l=y[0],a=y[1];var m=c(h,s),b=bt(m,2);h=b[0],s=b[1],this.render({xPositions:r,yPositions:o,offsets:l,labels:s,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var x=[];return this.store.map(function(s,r){x=x.concat(v(s,i[r],n[r],t.barWidth,a[r],e.index,{zeroLine:t.zeroLine}))}),x}},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=Y(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 j(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=c(a,e),l=bt(o,2);a=l[0],e=l[1];var h=c(s,i),u=bt(h,2);s=u[0],i=u[1];var p=c(r,n),d=bt(p,2);r=d[0],n=d[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(y(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){f=f.concat(g(t,e[n],i[n]))}),f}}},Kt=function(t){function i(t,e){ft(this,i);var n=mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.barOptions=e.barOptions||{},n.lineOptions=e.lineOptions||{},n.type=e.type||"line",n.setup(),n}return yt(i,t),vt(i,[{key:"configure",value:function(t){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this),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||1,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setMargins",this).call(this),this.leftMargin=60,this.rightMargin=60}},{key:"prepareData",value:function(){return lt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return ht(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 s(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=et(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/at(e),n=nt(e)*i,a=this.height-it(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 st(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,i){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=st(e.value,t.yAxis),e.label.includes(":")||(e.label+=": "+e.value),e})),this.data.yRegions&&(this.state.yRegions=this.data.yRegions.map(function(e){return e.start=st(e.start,t.yAxis),e.end=st(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]})})}return(t=[]).concat.apply(t,xt(this.data.datasets.map(function(t){return t[i]})))}},{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=ct(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.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=ut.apply(void 0,xt(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.chartWrapper.addEventListener("mousemove",function(i){var n=e(t.chartWrapper),a=i.pageX-n.left-t.leftMargin;i.pageY-n.top-t.translateY<t.height+2*t.translateY?t.mapTooltipXPosition(a):t.tip.hide_tip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this,i=this.state;if(i.yExtremes){var n=i.xAxis.labels;this.formatTooltipX&&this.formatTooltipX(n[0])&&(n=n.map(function(t){return e.formatTooltipX(t)}));for(var a=this.formatTooltipY&&this.formatTooltipY(this.y[0].values[0]),s=i.datasetLength-1;s>=0;s--){var r=i.xAxis.positions[s];if(t>r-i.unitWidth/2){var o=r+this.leftMargin,l=i.yExtremes[s]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.title,value:a?e.formatTooltipY(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.set_values(o,l,n[s],"",h),this.tip.show_tip();break}}}}},{key:"makeOverlay",value:function(){var t=this;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=St[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(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];Wt[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(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{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,a(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"addDataPoint",this).call(this,t,e,n),this.data.labels.splice(n,0,t),this.data.datasets.map(function(t,i){t.values.splice(n,0,e[i])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{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)}}]),i}(Gt),$t={percentage:Xt,heatmap:Ut,pie:qt},Qt=function t(e,i){return ft(this,t),pt(i.type,e,i)};return Qt}();
+var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function i(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 n(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function a(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 s(t){return parseFloat(t.toFixed(2))}function r(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function o(t,e){return(t+"").length*e}function l(t,e){return{x:Math.sin(t*At)*e,y:Math.cos(t*At)*e}}function h(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 c(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=r(t,i):e=r(e,i),[t,e]}function u(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,Lt,"translate",{transform:a}]}function d(t,e,i){return u(t,[i,0],[e,0],Pt)}function p(t,e,i){return u(t,[0,i],[0,e],Pt)}function f(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},Pt,Lt],u(t,[0,n],[0,i],Pt)]}function v(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=h(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),r=bt(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},Tt,Lt],u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],Pt)]:[[t,{width:n,height:o,x:e,y:l},Tt,Lt]]}function g(t,e,i){return"circle"!==t.nodeName?[u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],Pt)]:[[t,{cx:e,cy:i},Tt,Lt]]}function y(t,e,i,n){var a=[],s=i.map(function(t,i){return e[i]+","+t}).join("L"),r=[t.path,{d:"M"+s},Ot,Lt];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},Ot,Lt];a.push(h)}return a}function m(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function b(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)m(a).appendChild(i);else if("around"===n){var s=m(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":pt(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 x(t,e){return b("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function k(t,e,i,n){return b("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function w(t,e,i,n){return b("svg",{className:e,inside:t,width:i,height:n})}function _(t){return b("defs",{inside:t})}function A(t,e){return b("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function T(t){return b("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 O(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 P(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=x(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),k(a,"0%",e,s[0]),k(a,"50%",e,s[1]),k(a,"100%",e,s[2]),n}function D(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]}),b("rect",r)}function L(t,e,i,n){return b("text",{className:t,x:e,y:i,dy:Nt/2+"px","font-size":Nt+"px",innerHTML:n})}function M(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Et);var s=b("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=b("text",{x:0,y:i>n?i+Ct:i-Ct-Nt,dy:Nt+"px","font-size":Nt+"px","text-anchor":"middle",innerHTML:e}),o=b("g",{transform:"translate("+t+", 0)"});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]:{};a.stroke||(a.stroke=Et),a.lineType||(a.lineType="");var s=b("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=b("text",{x:i<n?i-Ct:i+Ct,y:0,dy:Nt/2-2+"px","font-size":Nt+"px","text-anchor":i<n?"end":"start",innerHTML:e+""}),o=b("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 N(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=Et),n.className||(n.className="");var a=-1*Mt,s="span"===n.mode?i+Mt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Mt,s=i),a+=n.offset,s+=n.offset,C(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function E(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=Et),n.className||(n.className="");var a=i+Mt,s="span"===n.mode?-1*Mt:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Mt,s=0),M(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function W(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=b("text",{className:"chart-label",x:i-o(e,5)-Ct,y:0,dy:Nt/-2+"px","font-size":Nt+"px","text-anchor":"start",innerHTML:e+""}),s=C(t,"",0,i,{stroke:n.stroke||Et,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function S(t,e,i,n){var a=t-e,s=b("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:Et,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=b("text",{className:"chart-label",x:i-o(n,4.5)-Ct,y:0,dy:Nt/-2+"px","font-size":Nt+"px","text-anchor":"start",innerHTML:n+""}),l=b("g",{transform:"translate(0, "+e+")"});return l.appendChild(s),l.appendChild(r),l}function z(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=h(e,o.zeroLine),c=bt(l,2),u=c[0],d=c[1],p=b("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){p.setAttribute("y",0),p.setAttribute("x",0);var f=b("text",{className:"data-point-value",x:i/2,y:0,dy:Nt/2*-1+"px","font-size":Nt+"px","text-anchor":"middle",innerHTML:a}),v=b("g",{transform:"translate("+t+", "+d+")"});return v.appendChild(p),v.appendChild(f),v}return p}function j(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=b("circle",{style:"fill: "+n,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(a||a.length){s.setAttribute("cy",0),s.setAttribute("cx",0);var r=b("text",{className:"data-point-value",x:0,y:0,dy:Nt/2*-1-i+"px","font-size":Nt+"px","text-anchor":"middle",innerHTML:a}),o=b("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(s),o.appendChild(r),o}return s}function Y(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=T("M"+s,"line-graph-path",i);if(n.heatline){var o=P(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var h=P(a.svgDefs,i,!0),c="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=T(c,"region-fill","none","url(#"+h+")")}return l}function F(t){return t>255?255:t<0?0:t}function H(t,e){var i=Yt(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=F((a>>16)+e),r=F((a>>8&255)+e),o=F((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function R(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function I(t,e,i,n){if(t!==e){Ft.includes(t)||console.error("'"+t+"' is not a valid chart type."),Ht[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var a=Rt[e].includes(t);return n.type=t,n.colors=a?n.colors:void 0,new Qt(i,n)}}function G(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:It[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 V(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function B(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=G.apply(void 0,xt(t)),l=bt(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 X(t,e,i){if(0!==i.length){var n=B(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},Dt)}}function q(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function U(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function J(t,e){return Math.ceil(K(t,e)/7)}function K(t,e){return(q(e)-q(t))/864e5}function $(t,e){t.setDate(t.getDate()+e)}function Q(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 Z(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 tt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Q(t),n=bt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=Z(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function et(t){function e(t,e){for(var i=tt(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,xt(t)),a=Math.min.apply(Math,xt(t)),s=[];if(n>=0&&a>=0)Q(n)[1],s=i?tt(n,a):tt(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(Q(n)[1],s=e(n,r)):(Q(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);Q(o)[1],s=(s=i?tt(o,l):tt(o)).reverse().map(function(t){return-1*t})}return s}function it(t){var e=nt(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 nt(t){return t[1]-t[0]}function at(t){return t[t.length-1]-t[0]}function st(t,e){return s(e.zeroLine-t*e.scaleMultiplier)}function rt(t,e){for(var i=Math.max.apply(Math,xt(t)),n=1/(e-1),a=[],s=0;s<e;s++){var r=i*(n*s);a.push(r)}return a}function ot(t,e){return e.filter(function(e){return e<t}).length}function lt(t,e){t.labels=t.labels||[];var i=t.labels.length,n=t.datasets,a=new Array(i).fill(0);return n||(n=[{values:a}]),n.map(function(t,n){if(t.values){var s=t.values;s=(s=s.map(function(t){return isNaN(t)?0:t})).length>i?s.slice(0,i):r(s,i-s.length,0)}else t.values=a;t.chartType||(wt.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 ht(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 ct(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/_t;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 ut(t,e,i){var n=Object.keys(Jt).filter(function(e){return t.includes(e)}),a=Jt[n[0]];return Object.assign(a,{constants:e,getData:i}),new Ut(a)}function dt(){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 Kt(e,i)):"bar"===t?(i.type="bar",new Kt(e,i)):"axis-mixed"===t?(i.type="line",new Kt(e,i)):$t[t]?new $t[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{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var pt="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},ft=(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")}),vt=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}}(),gt=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)},yt=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)},mt=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},bt=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")}}(),xt=function(t){if(Array.isArray(t)){for(var e=0,i=Array(t.length);e<t.length;e++)i[e]=t[e];return i}return Array.from(t)};t.create=function(e,i){var n=document.createElement(e);for(var a in i){var s=i[a];if("inside"===a)t(s).appendChild(n);else if("around"===a){var r=t(s);r.parentNode.insertBefore(n,r),n.appendChild(r)}else"styles"===a?"object"===(void 0===s?"undefined":pt(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 kt=function(){function e(t){var i=t.parent,n=void 0===i?null:i,a=t.colors,s=void 0===a?[]:a;ft(this,e),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 vt(e,[{key:"setup",value:function(){this.makeTooltip()}},{key:"refresh",value:function(){this.fill(),this.calcPosition()}},{key:"makeTooltip",value:function(){var e=this;this.container=t.create("div",{inside:this.parent,className:"graph-svg-tip comparison",innerHTML:'<span class="title"></span>\n\t\t\t\t<ul class="data-point-list"></ul>\n\t\t\t\t<div class="svg-pointer"></div>'}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){e.hideTip()})}},{key:"fill",value:function(){var e=this,i=void 0;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=e.colors[n]||"black",s=t.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:'<strong style="display: block;">'+(0===i.value||i.value?i.value:"")+"</strong>\n\t\t\t\t\t"+(i.title?i.title:"")});e.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]:[],s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.titleName=i,this.titleValue=n,this.listValues=a,this.x=t,this.y=e,this.titleValueFirst=s,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"}}]),e}(),wt=["line","bar"],_t=8,At=Math.PI/180,Tt=350,Ot=350,Pt=Tt,Dt=250,Lt="easein",Mt=6,Ct=4,Nt=10,Et="#dadada",Wt={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");return i.setAttribute("r",n+4),i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i}},St={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)}},zt={"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"},jt=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],Yt=function(t){return zt[t]||t},Ft=["line","scatter","bar","percentage","heatmap","pie"],Ht={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},Rt={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},It={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"},Gt=function(){function e(t,i){if(ft(this,e),this.rawChartArgs=i,this.parent="string"==typeof t?document.querySelector(t):t,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return vt(e,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length<e.length?this.colors=jt:this.colors=t.colors,this.colors=this.colors.map(function(t){return Yt(t)})}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-40,this.translateY=20,this.leftMargin=60,this.rightMargin=40}},{key:"validate",value:function(){return!0}},{key:"setup",value:function(){this.validate()&&this._setup()}},{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.container=t.create("div",{className:"chart-container",innerHTML:'<h6 class="title">'+this.title+'</h6>\n\t\t\t\t<h6 class="sub-title uppercase">'+this.subtitle+'</h6>\n\t\t\t\t<div class="frappe-chart graphics"></div>\n\t\t\t\t<div class="graph-stats-container"></div>'}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new kt({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],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()},700)),this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=n(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?(X(this.chartWrapper,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.chartWrapper.removeChild(this.svg),this.svg=w(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=_(this.svg),this.drawArea=A(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{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){i(t.chartWrapper)&&(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:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return I(t,this.type,this.parent,this.rawChartArgs)}}]),e}(),Vt=function(e){function i(t,e){return ft(this,i),mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e))}return yt(i,e),vt(i,[{key:"configure",value:function(t){gt(i.prototype.__proto__||Object.getPrototypeOf(i.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:"render",value:function(){}},{key:"bindTooltip",value:function(){}},{key:"renderLegend",value:function(){var e=this,i=this.state;this.legendTotals=i.sliceTotals.slice(0,this.config.maxLegendPoints);var n=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:i.labels;this.legendTotals.map(function(i,a){i&&(t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='<span class="indicator">\n\t\t\t\t\t<i style="background: '+e.colors[a]+'"></i>\n\t\t\t\t\t<span class="text-muted">'+n[a]+":</span>\n\t\t\t\t\t"+i+"\n\t\t\t\t</span>")})}}]),i}(Gt),Bt=function(i){function n(t,e){ft(this,n);var i=mt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.type="percentage",i.setup(),i}return yt(n,i),vt(n,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=t.create("div",{className:"div",inside:this.chartWrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=t.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var e=this,i=this.state;this.grand_total=i.sliceTotals.reduce(function(t,e){return t+e},0),this.slices=[],i.sliceTotals.map(function(i,n){var a=t.create("div",{className:"progress-bar","data-index":n,inside:e.percentageBar,styles:{background:e.colors[n],width:100*i/e.grand_total+"%"}});e.slices.push(a)})}},{key:"bindTooltip",value:function(){var t=this,i=this.state;this.chartWrapper.addEventListener("mousemove",function(n){var a=n.target;if(a.classList.contains("progress-bar")){var s=a.getAttribute("data-index"),r=e(t.chartWrapper),o=e(a),l=o.left-r.left+a.offsetWidth/2,h=o.top-r.top-6,c=(t.formatted_labels&&t.formatted_labels.length>0?t.formatted_labels[s]:t.state.labels[s])+": ",u=(100*i.sliceTotals[s]/t.grand_total).toFixed(1);t.tip.setValues(l,h,c,u+"%"),t.tip.showTip()}})}}]),n}(Vt),Xt=function(t){function i(t,e){ft(this,i);var n=mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="pie",n.hoverRadio=e.hoverRadio||.1,n.startAngle=e.startAngle||0,n.clockWise=e.clockWise||!1,n.setup(),n}return yt(i,t),vt(i,[{key:"configure",value:function(t){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this)}},{key:"calc",value:function(){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"calc",this).call(this),this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y}},{key:"render",value:function(t){var e=this,i=this.radius,n=this.clockWise;this.grand_total=this.state.sliceTotals.reduce(function(t,e){return t+e},0);var a=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var s=180-this.startAngle;this.state.sliceTotals.map(function(r,o){var h=s,c=r/e.grand_total*360,u=n?-c:c,d=s+=u,p=l(h,i),f=l(d,i),v=t&&a[o],g=void 0,y=void 0;t?(g=v?v.startPosition:p,y=v?v.endPosition:p):(g=p,y=f);var m=O(g,y,e.center,e.radius,e.clockWise),b=T(m,"pie-path","none",e.colors[o]);b.style.transition="transform .3s;",e.drawArea.appendChild(b),e.slices.push(b),e.slicesProperties.push({startPosition:p,endPosition:f,value:r,total:e.grand_total,startAngle:h,endAngle:d,angle:u}),t&&e.elements_to_animate.push([b,{d:O(p,f,e.center,e.radius,e.clockWise)},650,"easein",null,{d:m}])})}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=l(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){V(t,this.calTranslateByAngle(this.slicesProperties[i])),t.style.fill=H(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,h=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.state.labels[i])+": ",c=(100*this.state.sliceTotals[i]/this.grand_total).toFixed(1);this.tip.set_values(o,l,h,c+"%"),this.tip.show_tip()}else V(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=s}}},{key:"mouseMove",value:function(t){for(var e=t.target,i=this.curActiveSliceIndex,n=this.curActiveSlice,a=0;a<this.slices.length;a++)if(e===this.slices[a]){this.hoverSlice(n,i,!1),this.curActiveSlice=e,this.curActiveSliceIndex=a,this.hoverSlice(e,a,!0,t);break}}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}},{key:"bindTooltip",value:function(){}}]),i}(Vt),qt=function(t){function e(t,i){ft(this,e);var n=mt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));n.type="heatmap",n.domain=i.domain||"",n.subdomain=i.subdomain||"",n.data=i.data||{},n.discrete_domains=i.discrete_domains||1,n.count_label=i.count_label||"";var a=new Date;n.start=i.start||$(a,365);var s=(i.legend_colors||[]).slice(0,5);return n.legend_colors=n.validate_colors(s)?s:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],n.distribution_size=5,n.translateX=0,n.setup(),n}return yt(e,t),vt(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){R(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){gt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&$(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&$(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=J(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){gt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=A(this.drawArea,"domain-label-group chart-label"),this.dataGroups=A(this.drawArea,"data-groups","translate(0, 20)")}},{key:"calc",value:function(){var t=this,e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=rt(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{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.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;i<t;i++){var n=void 0,a=0,s=new Date(e),r=this.get_week_squares_group(s,this.week_col),o=bt(r,2);n=o[0],a=o[1],this.dataGroups.appendChild(n),this.week_col+=1+parseInt(this.discrete_domains&&a),this.month_weeks[this.current_month]++,a&&(this.current_month=(this.current_month+1)%12,this.months.push(this.current_month+""),this.month_weeks[this.current_month]=1),$(e,7)}this.render_month_labels()}},{key:"get_week_squares_group",value:function(t,e){for(var i=this.today.getTime(),n=0,a=0,s=A(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.data[u]&&(l=this.data[u]),this.data[Math.round(u)]&&(l=this.data[Math.round(u)]),l&&(h=ot(l,this.distribution));var d=13+12*(e+a),p={"data-date":U(t),"data-value":l,"data-day":t.getDay()},f=D("day",d,r,10,this.legend_colors[h],p);s.appendChild(f);var v=new Date(t);if($(v,1),v.getTime()>i)break;v.getMonth()-t.getMonth()&&(n=1,this.discrete_domains&&(a=1),this.month_start_points.push(13+12*(e+a))),t=v}return[s,n]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var n=L("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));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=t.month_names[parseInt(n[1])-1].substring(0,3),s=t.chartWrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-s.left+(o+2)/2,h=r.top-s.top-(o+2)/2,c=i+" "+t.count_label,u=" on "+a+" "+n[0]+", "+n[2];t.tip.setValues(l,h,u,c,[],1),t.tip.showTip()})})}},{key:"update",value:function(t){gt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(Gt),Ut=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;ft(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 vt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=A(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}(),Jt={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return N(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=c(n,e),r=bt(s,2);n=r[0],e=r[1];var o=c(a,i),l=bt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return p(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return E(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=c(n,e),r=bt(s,2);n=r[0],e=r[1];var o=c(a,i),l=bt(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return d(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return W(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=c(this.oldData,t),i=bt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),s=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(s.map(function(t,e){return{position:s[e],label:a[e]}})),this.store.map(function(t,e){return p(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return S(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=c(this.oldData,t),i=bt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.end}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(f(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 z(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=this.constants,i=t.xPositions,n=t.yPositions,a=t.offsets,s=t.labels,r=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,h=this.oldData.labels,u=c(r,i),d=bt(u,2);r=d[0],i=d[1];var p=c(o,n),f=bt(p,2);o=f[0],n=f[1];var g=c(l,a),y=bt(g,2);l=y[0],a=y[1];var m=c(h,s),b=bt(m,2);h=b[0],s=b[1],this.render({xPositions:r,yPositions:o,offsets:l,labels:s,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var x=[];return this.store.map(function(s,r){x=x.concat(v(s,i[r],n[r],t.barWidth,a[r],e.index,{zeroLine:t.zeroLine}))}),x}},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=Y(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 j(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=c(a,e),l=bt(o,2);a=l[0],e=l[1];var h=c(s,i),u=bt(h,2);s=u[0],i=u[1];var d=c(r,n),p=bt(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(y(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){f=f.concat(g(t,e[n],i[n]))}),f}}},Kt=function(t){function i(t,e){ft(this,i);var n=mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.barOptions=e.barOptions||{},n.lineOptions=e.lineOptions||{},n.type=e.type||"line",n.setup(),n}return yt(i,t),vt(i,[{key:"configure",value:function(t){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this),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||1,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setMargins",this).call(this),this.leftMargin=60,this.rightMargin=60}},{key:"prepareData",value:function(){return lt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return ht(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 s(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=et(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/at(e),n=nt(e)*i,a=this.height-it(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 st(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,i){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=st(e.value,t.yAxis),e.label.includes(":")||(e.label+=": "+e.value),e})),this.data.yRegions&&(this.state.yRegions=this.data.yRegions.map(function(e){return e.start=st(e.start,t.yAxis),e.end=st(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]})})}return(t=[]).concat.apply(t,xt(this.data.datasets.map(function(t){return t[i]})))}},{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=ct(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.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=ut.apply(void 0,xt(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.chartWrapper.addEventListener("mousemove",function(i){var n=e(t.chartWrapper),a=i.pageX-n.left-t.leftMargin;i.pageY-n.top-t.translateY<t.height+2*t.translateY?t.mapTooltipXPosition(a):t.tip.hideTip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this,i=this.state;if(i.yExtremes){var n=i.xAxis.labels;this.formatTooltipX&&this.formatTooltipX(n[0])&&(n=n.map(function(t){return e.formatTooltipX(t)}));for(var a=this.formatTooltipY&&this.formatTooltipY(this.y[0].values[0]),s=i.datasetLength-1;s>=0;s--){var r=i.xAxis.positions[s];if(t>r-i.unitWidth/2){var o=r+this.leftMargin,l=i.yExtremes[s]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.title,value:a?e.formatTooltipY(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.setValues(o,l,n[s],"",h),this.tip.showTip();break}}}}},{key:"makeOverlay",value:function(){var t=this;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=Wt[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(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];St[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(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{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,a(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"addDataPoint",this).call(this,t,e,n),this.data.labels.splice(n,0,t),this.data.datasets.map(function(t,i){t.values.splice(n,0,e[i])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{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)}}]),i}(Gt),$t={percentage:Bt,heatmap:qt,pie:Xt},Qt=function t(e,i){return ft(this,t),dt(i.type,e,i)};return Qt}();
 //# 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 ea6859a..2fc8b65 100644
--- a/dist/frappe-charts.min.iife.js.map
+++ b/dist/frappe-charts.min.iife.js.map
@@ -1 +1 @@
-{"version":3,"file":"frappe-charts.min.iife.js","sources":["../src/js/utils/dom.js","../src/js/utils/helpers.js","../src/js/utils/draw-utils.js","../src/js/utils/animate.js","../src/js/utils/draw.js","../src/js/utils/colors.js","../src/js/config.js","../src/js/utils/animation.js","../src/js/utils/date-utils.js","../src/js/utils/intervals.js","../src/js/utils/axis-chart-utils.js","../src/js/objects/ChartComponents.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, value) {\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\textra_count=array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extra_count > 0) {\n\t\tarray1 = fillArray(array1, extra_count);\n\t} else {\n\t\tarray2 = fillArray(array2, extra_count);\n\t}\n\treturn [array1, array2];\n}\n","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, index=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\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from './animate';\nimport { DOT_OVERLAY_SIZE_INCR } from './constants';\n\nconst AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst BASE_BG_COLOR = '#F7FAFC';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(parent, className, transform='') {\n\treturn createSVG('g', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\ttransform: transform\n\t});\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none') {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill\n\t\t}\n\t});\n}\n\nexport function 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) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH\n\t\tx2 = width;\n\t}\n\n\tlet offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t//                        \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t   \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport 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\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\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, meta={}) {\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\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\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\toverlay.setAttribute('r', radius + DOT_OVERLAY_SIZE_INCR);\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\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.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\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.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t}\n}\n\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nexport const DEFAULT_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import Chart from './chart';\n\nconst ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nconst COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tscatter: ['line', 'bar', 'percentage', 'pie'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\n// Needs structure as per only labels/datasets\nconst COLOR_COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter'],\n\tline: ['scatter', 'bar'],\n\tpie: ['percentage'],\n\tscatter: ['line', 'bar'],\n\tpercentage: ['pie'],\n\theatmap: []\n};\n\nexport function getDifferentChart(type, current_type, parent, args) {\n\tif(type === current_type) return;\n\n\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t}\n\n\tif(!COMPATIBLE_CHARTS[current_type].includes(type)) {\n\t\tconsole.error(`'${current_type}' chart cannot be converted to a '${type}' chart.`);\n\t}\n\n\t// whether the new chart can use the existing colors\n\tconst useColor = COLOR_COMPATIBLE_CHARTS[current_type].includes(type);\n\n\t// Okay, this is anticlimactic\n\t// this function will need to actually be 'changeChartType(type)'\n\t// that will update only the required elements, but for now ...\n\n\targs.type = type;\n\targs.colors = useColor ? args.colors : undefined;\n\n\treturn new Chart(parent, args);\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","// Playing around with dates\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(dateStr) {\n\tlet result = new Date(dateStr);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getDdMmYyyy(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\t(dd>9 ? '' : '0') + dd,\n\t\t(mm>9 ? '' : '0') + mm,\n\t\tdate.getFullYear()\n\t].join('-');\n}\n\nexport function getWeeksBetween(startDateStr, endDateStr) {\n\treturn Math.ceil(getDaysBetween(startDateStr, endDateStr) / 7);\n}\n\nexport function getDaysBetween(startDateStr, endDateStr) {\n\tlet millisecondsPerDay = 24 * 60 * 60 * 1000;\n\treturn (treatAsUtc(endDateStr) - treatAsUtc(startDateStr)) / millisecondsPerDay;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n\n// export function getMonthName() {}\n","import { 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 { floatTwo, 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, i)=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set 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 { makeSVGGroup } from '../utils/draw';\nimport { xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar, animateDot, animatePath } 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\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\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(region =>\n\t\t\t\tyRegion(region.start, region.end, this.constants.width,\n\t\t\t\t\tregion.label)\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.end);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.start);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.end);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\t\t\tlet oldStarts = this.oldData.map(d => d.start);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstart: oldStarts[i],\n\t\t\t\t\tend: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\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 c = this.constants;\n\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], c.index,\n\t\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 c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\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","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\nexport default class Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.title_name = '';\n\t\tthis.title_value = '';\n\t\tthis.list_values = [];\n\t\tthis.title_value_first = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.make_tooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calc_position();\n\t\t// this.show_tip();\n\t}\n\n\tmake_tooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `<span class=\"title\"></span>\n\t\t\t\t<ul class=\"data-point-list\"></ul>\n\t\t\t\t<div class=\"svg-pointer\"></div>`\n\t\t});\n\t\tthis.hide_tip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.data_point_list = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hide_tip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.title_value_first) {\n\t\t\ttitle = `<strong>${this.title_value}</strong>${this.title_name}`;\n\t\t} else {\n\t\t\ttitle = `${this.title_name}<strong>${this.title_value}</strong>`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.data_point_list.innerHTML = '';\n\n\t\tthis.list_values.map((set, i) => {\n\t\t\tconst color = this.colors[i] || 'black';\n\n\t\t\tlet li = $.create('li', {\n\t\t\t\tstyles: {\n\t\t\t\t\t'border-top': `3px solid ${color}`\n\t\t\t\t},\n\t\t\t\tinnerHTML: `<strong style=\"display: block;\">${ set.value === 0 || set.value ? set.value : '' }</strong>\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.data_point_list.appendChild(li);\n\t\t});\n\t}\n\n\tcalc_position() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - width/2;\n\t\tlet max_left = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > max_left) {\n\t\t\tlet delta = this.left - max_left;\n\t\t\tlet pointer_offset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointer_offset;\n\n\t\t\tthis.left = max_left;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tset_values(x, y, title_name = '', title_value = '', list_values = [], title_value_first = 0) {\n\t\tthis.title_name = title_name;\n\t\tthis.title_value = title_value;\n\t\tthis.list_values = list_values;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.title_value_first = title_value_first;\n\t\tthis.refresh();\n\t}\n\n\thide_tip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshow_tip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","export const VERT_SPACE_OUTSIDE_BASE_CHART = 40;\nexport const TRANSLATE_Y_BASE_CHART = 20;\nexport const LEFT_MARGIN_BASE_CHART = 60;\nexport const RIGHT_MARGIN_BASE_CHART = 40;\nexport const Y_AXIS_MARGIN = 60;\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 = 8;\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup } from '../utils/draw';\nimport { getStringWidth } from '../utils/helpers';\nimport { VERT_SPACE_OUTSIDE_BASE_CHART, TRANSLATE_Y_BASE_CHART, LEFT_MARGIN_BASE_CHART,\n\tRIGHT_MARGIN_BASE_CHART, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT } from '../utils/constants';\nimport { getColor, DEFAULT_COLORS } from '../utils/colors';\nimport { getDifferentChart } from '../config';\nimport { runSMILAnimation } from '../utils/animation';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.parent = typeof parent === 'string' ? document.querySelector(parent) : parent;\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.title = options.title || '';\n\t\tthis.subtitle = options.subtitle || '';\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\t\tthis.colors = [];\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\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure(args) {\n\t\tthis.setColors();\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\tsetColors() {\n\t\tlet args = this.rawChartArgs;\n\n\t\t// Needs structure as per only labels/datasets, from config\n\t\tconst list = args.type === 'percentage' || args.type === 'pie'\n\t\t\t? args.data.labels\n\t\t\t: args.data.datasets;\n\n\t\tif(!args.colors || (list && args.colors.length < list.length)) {\n\t\t\tthis.colors = DEFAULT_COLORS;\n\t\t} else {\n\t\t\tthis.colors = args.colors;\n\t\t}\n\n\t\tthis.colors = this.colors.map(color => getColor(color));\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - VERT_SPACE_OUTSIDE_BASE_CHART;\n\t\tthis.translateY = TRANSLATE_Y_BASE_CHART;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = LEFT_MARGIN_BASE_CHART;\n\t\tthis.rightMargin = RIGHT_MARGIN_BASE_CHART;\n\t}\n\n\tvalidate() {\n\t\treturn true;\n\t}\n\n\tsetup() {\n\t\tif(this.validate()) {\n\t\t\tthis._setup();\n\t\t}\n\t}\n\n\t_setup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip();\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\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `<h6 class=\"title\">${this.title}</h6>\n\t\t\t\t<h6 class=\"sub-title uppercase\">${this.subtitle}</h6>\n\t\t\t\t<div class=\"frappe-chart graphics\"></div>\n\t\t\t\t<div class=\"graph-stats-container\"></div>`\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chartWrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.statsWrapper = this.container.querySelector('.graph-stats-container');\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chartWrapper,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(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();}, INIT_CHART_UPDATE_TIMEOUT);\n\t\t}\n\n\t\tthis.renderLegend();\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.chartWrapper, 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\t\tthis.makeOverlay();\n\t\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.chartWrapper.removeChild(this.svg);\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.chartWrapper,\n\t\t\t'chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\t// I WISH !!!\n\t\t// this.svg = makeSVGGroup(\n\t\t// \tsvgContainer,\n\t\t// \t'flipped-coord-system',\n\t\t// \t`translate(0, ${this.baseHeight}) scale(1, -1)`\n\t\t// );\n\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${this.translateY})`\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.chartWrapper)) {\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\tgetDataPoint(index = 0) {}\n\tsetCurrentDataPoint(point) {}\n\n\tupdateDataset(dataset, index) {}\n\taddDataset(dataset, index) {}\n\tremoveDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {}\n\n\tupdateDataPoint(dataPoint, index = 0) {}\n\taddDataPoint(dataPoint, index = 0) {}\n\tremoveDataPoint(index = 0) {}\n\n\tgetDifferentChart(type) {\n\t\treturn getDifferentChart(type, this.type, this.parent, this.rawChartArgs);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\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\tthis.labels = [];\n\t\ttotals.map(d => {\n\t\t\ts.sliceTotals.push(d[0]);\n\t\t\tthis.labels.push(d[1]);\n\t\t});\n\t}\n\n\trender() { }\n\n\tbindTooltip() { }\n\n\trenderLegend() {\n\t\tlet s = this.state;\n\n\t\tthis.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\tlet x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t? this.formatted_labels : this.labels;\n\t\tthis.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\">${x_values[i]}:</span>\n\t\t\t\t\t${d}\n\t\t\t\t</span>`;\n\t\t\t}\n\t\t});\n\t}\n}\n","import 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.chartWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.chartWrapper.style.marginTop = '45px';\n\n\t\tthis.statsWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.statsWrapper.style.marginBottom = '30px';\n\t\tthis.statsWrapper.style.paddingTop = '0px';\n\n\t\tthis.svg = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chartWrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.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.grand_total = s.sliceTotals.reduce((a, b) => a + b, 0);\n\t\tthis.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\tinside: this.percentageBar,\n\t\t\t\tstyles: {\n\t\t\t\t\tbackground: this.colors[i],\n\t\t\t\t\twidth: total*100/this.grand_total + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.slices.push(slice);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\t\t// this.slices.map((slice, i) => {\n\t\t// \tslice.addEventListener('mouseenter', () => {\n\t\t// \t\tlet g_off = getOffset(this.chartWrapper), p_off = getOffset(slice);\n\n\t\t// \t\tlet x = p_off.left - g_off.left + slice.offsetWidth/2;\n\t\t// \t\tlet y = p_off.top - g_off.top - 6;\n\t\t// \t\tlet title = (this.formatted_labels && this.formatted_labels.length>0\n\t\t// \t\t\t? this.formatted_labels[i] : this.labels[i]) + ': ';\n\t\t// \t\tlet percent = (s.sliceTotals[i]*100/this.grand_total).toFixed(1);\n\n\t\t// \t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t\t// \t\tthis.tip.show_tip();\n\t\t// \t});\n\t\t// });\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makePath, 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\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.startAngle = args.startAngle || 0;\n\t\tthis.clockWise = args.clockWise || false;\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\t}\n\tcalc() {\n\t\tsuper.calc();\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\t}\n\n\trender(init) {\n\t\tconst{radius,clockWise} = this;\n\t\tthis.grand_total = this.state.sliceTotals.reduce((a, b) => a + b, 0);\n\t\tconst prevSlicesProperties = this.slicesProperties || [];\n\t\tthis.slices = [];\n\t\tthis.elements_to_animate = [];\n\t\tthis.slicesProperties = [];\n\t\tlet curAngle = 180 - this.startAngle;\n\n\t\tthis.state.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / this.grand_total) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\t\t\tconst prevProperty = init && prevSlicesProperties[i];\n\t\t\tlet curStart,curEnd;\n\t\t\tif(init){\n\t\t\t\tcurStart = prevProperty?prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty? prevProperty.endPosition : startPosition;\n\t\t\t}else{\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);\n\t\t\tlet slice = makePath(curPath, 'pie-path', 'none', this.colors[i]);\n\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\tthis.drawArea.appendChild(slice);\n\n\t\t\tthis.slices.push(slice);\n\t\t\tthis.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: this.grand_total,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\t\t\tif(init){\n\t\t\t\tthis.elements_to_animate.push([slice,\n\t\t\t\t\t{d: makeArcPathStr(startPosition, endPosition, this.center, this.radius, this.clockWise)},\n\t\t\t\t\t650, \"easein\",null,{\n\t\t\t\t\t\td:curPath\n\t\t\t\t\t}]);\n\t\t\t}\n\n\t\t});\n\t\t// if(init){\n\t\t// \trunSMILAnimation(this.chartWrapper, this.svg, this.elements_to_animate);\n\t\t// }\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = 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\n\t\t\ttransform(path, this.calTranslateByAngle(this.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i]*100/this.grand_total).toFixed(1);\n\t\t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t\t\tthis.tip.show_tip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hide_tip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tfor(let i = 0; i < this.slices.length; i++){\n\t\t\tif(target === this.slices[i]){\n\t\t\t\tthis.hoverSlice(prevAcitve,prevIndex,false);\n\t\t\t\tthis.curActiveSlice = target;\n\t\t\t\tthis.curActiveSliceIndex = i;\n\t\t\t\tthis.hoverSlice(target,i,true,e);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n\tbindTooltip() {\n\t\t// this.drawArea.addEventListener('mousemove',this.mouseMove);\n\t\t// this.drawArea.addEventListener('mouseleave',this.mouseLeave);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { makeSVGGroup, makeHeatSquare, makeText } from '../utils/draw';\nimport { addDays, getDdMmYyyy, getWeeksBetween } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { isValidColor } from '../utils/colors';\n\nexport default class Heatmap extends BaseChart {\n\tconstructor(parent, options) {\n\t\tsuper(parent, options);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = options.domain || '';\n\t\tthis.subdomain = options.subdomain || '';\n\t\tthis.data = options.data || {};\n\t\tthis.discrete_domains = options.discrete_domains || 1;\n\t\tthis.count_label = options.count_label || '';\n\n\t\tlet today = new Date();\n\t\tthis.start = options.start || addDays(today, 365);\n\n\t\tlet legend_colors = (options.legend_colors || []).slice(0, 5);\n\t\tthis.legend_colors = this.validate_colors(legend_colors)\n\t\t\t? legend_colors\n\t\t\t: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\t// Fixed 5-color theme,\n\t\t// More colors are difficult to parse visually\n\t\tthis.distribution_size = 5;\n\n\t\tthis.translateX = 0;\n\t\tthis.setup();\n\t}\n\n\tvalidate_colors(colors) {\n\t\tif(colors.length < 5) return 0;\n\n\t\tlet valid = 1;\n\t\tcolors.forEach(function(string) {\n\t\t\tif(!isValidColor(string)) {\n\t\t\t\tvalid = 0;\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t}\n\t\t}, this);\n\n\t\treturn valid;\n\t}\n\n\tconfigure() {\n\t\tsuper.configure();\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.first_week_start = new Date(this.start.toDateString());\n\t\tthis.last_week_start = new Date(this.today.toDateString());\n\t\tif(this.first_week_start.getDay() !== 7) {\n\t\t\taddDays(this.first_week_start, (-1) * this.first_week_start.getDay());\n\t\t}\n\t\tif(this.last_week_start.getDay() !== 7) {\n\t\t\taddDays(this.last_week_start, (-1) * this.last_week_start.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.first_week_start + '', this.last_week_start + '') + 1;\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 3) * 12 ;\n\n\t\tif(this.discrete_domains) {\n\t\t\tthis.baseWidth += (12 * 12);\n\t\t}\n\t}\n\n\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\t// Array.prototype.slice.call(\n\t\t// \tthis.container.querySelectorAll('.graph-stats-container, .sub-title, .title')\n\t\t// ).map(d => {\n\t\t// \td.style.display = 'None';\n\t\t// });\n\t\t// this.chartWrapper.style.marginTop = '0px';\n\t\t// this.chartWrapper.style.paddingTop = '0px';\n\t}\n\n\tcalc() {\n\n\t\tlet data_values = Object.keys(this.data).map(key => this.data[key]);\n\t\tthis.distribution = calcDistribution(data_values, this.distribution_size);\n\n\t\tthis.month_names = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\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 current_week_sunday = new Date(this.first_week_start);\n\t\tthis.week_col = 0;\n\t\tthis.current_month = current_week_sunday.getMonth();\n\n\t\tthis.months = [this.current_month + ''];\n\t\tthis.month_weeks = {}, this.month_start_points = [];\n\t\tthis.month_weeks[this.current_month] = 0;\n\t\tthis.month_start_points.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet data_group, month_change = 0;\n\t\t\tlet day = new Date(current_week_sunday);\n\n\t\t\t[data_group, month_change] = this.get_week_squares_group(day, this.week_col);\n\t\t\tthis.dataGroups.appendChild(data_group);\n\t\t\tthis.week_col += 1 + parseInt(this.discrete_domains && month_change);\n\t\t\tthis.month_weeks[this.current_month]++;\n\t\t\tif(month_change) {\n\t\t\t\tthis.current_month = (this.current_month + 1) % 12;\n\t\t\t\tthis.months.push(this.current_month + '');\n\t\t\t\tthis.month_weeks[this.current_month] = 1;\n\t\t\t}\n\t\t\taddDays(current_week_sunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(current_date, index) {\n\t\tconst no_of_weekdays = 7;\n\t\tconst square_side = 10;\n\t\tconst cell_padding = 2;\n\t\tconst step = 1;\n\t\tconst today_time = this.today.getTime();\n\n\t\tlet month_change = 0;\n\t\tlet week_col_change = 0;\n\n\t\tlet data_group = makeSVGGroup(this.dataGroups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < no_of_weekdays; i += step, y += (square_side + cell_padding)) {\n\t\t\tlet data_value = 0;\n\t\t\tlet colorIndex = 0;\n\n\t\t\tlet current_timestamp = current_date.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(current_timestamp - (current_timestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdata_value = this.data[timestamp];\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdata_value = this.data[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(data_value) {\n\t\t\t\tcolorIndex = getMaxCheckpoint(data_value, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + week_col_change) * 12;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(current_date),\n\t\t\t\t'data-value': data_value,\n\t\t\t\t'data-day': current_date.getDay()\n\t\t\t};\n\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, square_side,\n\t\t\t\tthis.legend_colors[colorIndex], dataAttr);\n\n\t\t\tdata_group.appendChild(heatSquare);\n\n\t\t\tlet next_date = new Date(current_date);\n\t\t\taddDays(next_date, 1);\n\t\t\tif(next_date.getTime() > today_time) break;\n\n\n\t\t\tif(next_date.getMonth() - current_date.getMonth()) {\n\t\t\t\tmonth_change = 1;\n\t\t\t\tif(this.discrete_domains) {\n\t\t\t\t\tweek_col_change = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.month_start_points.push(13 + (index + week_col_change) * 12);\n\t\t\t}\n\t\t\tcurrent_date = next_date;\n\t\t}\n\n\t\treturn [data_group, month_change];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.first_week_start.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.month_start_points.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.month_start_points.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.month_start_points.shift();\n\t\tthis.months.pop();\n\t\tthis.month_start_points.pop();\n\n\t\tthis.month_start_points.map((start, i) => {\n\t\t\tlet month_name =  this.month_names[this.months[i]].substring(0, 3);\n\t\t\tlet text = makeText('y-value-text', start+12, 10, month_name);\n\t\t\tthis.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 date_parts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.month_names[parseInt(date_parts[1])-1].substring(0, 3);\n\n\t\t\t\tlet g_off = this.chartWrapper.getBoundingClientRect(), p_off = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = p_off.left - g_off.left + (width+2)/2;\n\t\t\t\tlet y = p_off.top - g_off.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.count_label;\n\t\t\t\tlet name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];\n\n\t\t\t\tthis.tip.set_values(x, y, name, value, [], 1);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\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_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, DEFAULT_AXIS_CHART_TYPE, 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\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure();\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 || 1;\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_MARGIN;\n\t\tthis.rightMargin = Y_AXIS_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, i) => {\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\tif(!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.start = scale(d.start, s.yAxis);\n\t\t\t\td.end = 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\treturn [].concat(...this.data.datasets.map(d => d[key]));\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\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\t// console.log('barDatasets', barDatasets, this.state.datasets);\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.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.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.chartWrapper);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.translateY;\n\n\t\t\tif(relY < this.height + this.translateY * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hide_tip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(this.formatTooltipX && this.formatTooltipX(titles[0])) {\n\t\t\ttitles = titles.map(d=>this.formatTooltipX(d));\n\t\t}\n\n\t\tlet formatY = this.formatTooltipY && this.formatTooltipY(this.y[0].values[0]);\n\n\t\tfor(var i=s.datasetLength - 1; i >= 0 ; i--) {\n\t\t\tlet xVal = s.xAxis.positions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxis.positions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.leftMargin;\n\t\t\t\tlet y = s.yExtremes[i] + this.translateY;\n\n\t\t\t\tlet values = this.data.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.title,\n\t\t\t\t\t\tvalue: formatY ? this.formatTooltipY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.set_values(x, y, titles[i], '', values);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tmakeOverlay() {\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\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t})\n\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\t// on event, update overlay\n\t\tthis.parent.addEventListener('data-select', (e) => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits(units_array) {\n\t\t// units_array.map(unit => {\n\t\t// \tunit.addEventListener('click', () => {\n\t\t// \t\tlet index = unit.getAttribute('data-point-index');\n\t\t// \t\tthis.setCurrentDataPoint(index);\n\t\t// \t});\n\t\t// });\n\t}\n\n\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\t// check for length\n\t\tlet data_point = {\n\t\t\tindex: index\n\t\t};\n\t\t// let y = this.y[0];\n\t\t// ['svg_units', 'yUnitPositions', 'values'].map(key => {\n\t\t// \tlet data_key = key.slice(0, key.length-1);\n\t\t// \tdata_point[data_key] = y[key][index];\n\t\t// });\n\t\t// data_point.label = this.xAxis.labels[index];\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\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\t// console.log(label, datasetValues, this.data.labels);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\t// console.log(this.data);\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// getDataPoint(index = 0) {}\n\t// setCurrentDataPoint(point) {}\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\t// updateDatasets(datasets) {}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\n}\n\n\n// keep a binding at the end of chart\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","extra_count","translate","unit","oldCoord","newCoord","duration","old","join","transform","STD_EASING","translateVertLine","xLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","yLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","x","width","offset","nodeName","UNIT_ANIM_DUR","split","slice","animateDot","dot","cx","cy","animatePath","paths","newXList","newYList","pathComponents","pathStr","map","i","animPath","path","PATH_ANIM_DUR","push","region","regStartPt","regEndPt","animRegion","createSVG","tag","o","createElementNS","val","appendChild","ref","parentNode","insertBefore","keys","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","color","opacity","makeSVGContainer","parent","className","makeSVGDefs","svgContainer","makeSVGGroup","makePath","makeArcPathStr","startPosition","endPosition","center","clockWise","arcStartX","arcStartY","arcEndX","arcEndY","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","size","data","args","key","makeText","content","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","pos","mode","AXIS_TICK_LENGTH","yMarker","labelSvg","yRegion","datasetBar","index","meta","minHeight","group","datasetDot","getPaths","xList","yList","pointsStr","heatline","gradient_id","svgDefs","regionFill","gradient_id_region","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","getDifferentChart","current_type","ALL_CHART_TYPES","includes","error","COMPATIBLE_CHARTS","useColor","COLOR_COMPATIBLE_CHARTS","colors","undefined","Chart","animateSVGElement","props","dur","easingType","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","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","ceil","getDaysBetween","addDays","numberOfDays","setDate","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalize","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","filter","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getComponent","name","constants","getData","Object","componentConfigs","k","config","assign","ChartComponent","getChartByType","AxisChart","chartTypes","create","createElement","SvgTip","title_name","title_value","list_values","title_value_first","setup","make_tooltip","calc_position","container","this","hide_tip","title","data_point_list","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","max_left","pointer","pointer_offset","refresh","PI","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","PRESET_COLOR_MAP","DEFAULT_COLORS","BaseChart","rawChartArgs","HTMLElement","Error","subtitle","argHeight","prepareData","prepareFirstData","showLegend","isNavigable","state","overlays","configure","setColors","setMargins","_this","draw","list","baseHeight","translateY","leftMargin","rightMargin","validate","_setup","makeContainer","makeTooltip","components","Map","chartWrapper","statsWrapper","tip","bindTooltip","onlyWidthChange","init","calcWidth","calc","makeChartArea","setupComponents","forEach","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","svg","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","point","dataset","dataPoint","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","a","sumOfRemaining","legendTotals","x_values","formatted_labels","_this3","PercentageChart","marginTop","marginBottom","paddingTop","chart","percentageBar","grand_total","reduce","slices","PieChart","hoverRadio","startAngle","mouseMove","mouseLeave","prevSlicesProperties","slicesProperties","elements_to_animate","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","transition","property","position","flag","calTranslateByAngle","g_off","pageX","pageY","percent","set_values","show_tip","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","domain","subdomain","discrete_domains","count_label","today","legend_colors","validate_colors","distribution_size","translateX","valid","warn","setFullYear","first_week_start","toDateString","last_week_start","getDay","no_of_cols","domainLabelGroup","dataGroups","data_values","month_names","renderAllWeeksAndStoreXValues","no_of_weeks","textContent","current_week_sunday","week_col","current_month","months","month_weeks","month_start_points","data_group","month_change","day","get_week_squares_group","render_month_labels","current_date","today_time","getTime","week_col_change","square_side","data_value","colorIndex","current_timestamp","timestamp","round","dataAttr","heatSquare","next_date","shift","pop","substring","prototype","call","querySelectorAll","date_parts","month","p_off","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","positions","newData","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","_this5","newStarts","oldStarts","unitType","units","yPositions","xPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","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","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","component","relX","mapTooltipXPosition","titles","formatY","xVal","overlayGuides","currentIndex","currentUnit","_this6","units_array","_this8","setCurrentDataPoint","getDataPoint","datasetValues","splice"],"mappings":"iCAAO,SAASA,GAAEC,EAAMC,SACA,gBAATD,IAAoBC,GAAOC,UAAUC,cAAcH,GAAQA,GAAQ,KA4ClF,QAAgBI,GAAUC,MACrBC,GAAOD,EAAQE,mCAKbD,EAAKE,KAAON,SAASO,gBAAgBC,WAAaR,SAASS,KAAKD,gBAC/DJ,EAAKM,MAAQV,SAASO,gBAAgBI,YAAcX,SAASS,KAAKE,aAI1E,QAAgBC,GAAoBC,MAE/BT,GAAOS,EAAGR,8BAGbD,GAAKE,KAAO,GACNF,EAAKM,MAAQ,GACbN,EAAKU,SAAWC,OAAOC,aAAehB,SAASO,gBAAgBU,iBAC1DC,QAAUH,OAAOI,YAAcnB,SAASO,gBAAgBa,aAIrE,QAAgBC,GAAuBlB,MAClCmB,GAASP,OAAOQ,iBAAiBpB,GACjCqB,EAAUC,WAAWH,EAAOI,aAC/BD,WAAWH,EAAOK,oBAEZxB,GAAQiB,YAAcI,EA2B9B,QAAgBI,GAAKC,EAAQC,EAAMC,MAC9BC,GAAMhC,SAASiC,YAAY,gBAE3BC,UAAUJ,GAAM,GAAM,OAErB,GAAIK,KAAKJ,KACTI,GAAKJ,EAAWI,SAGdN,GAAOO,cAAcJ,GCvGtB,QAASK,GAASC,SACjBb,YAAWa,EAAEC,QAAQ,IAyC7B,QAAgBC,GAAUC,EAAOC,EAAOvC,MAASwC,0DAC5CxC,OACOwC,EAAQF,EAAM,GAAKA,EAAMA,EAAMG,OAAS,OAE/CC,GAAc,GAAIC,OAAMC,KAAKC,IAAIN,IAAQO,KAAK9C,YAC1CwC,EAAQE,EAAYK,OAAOT,GAASA,EAAMS,OAAOL,GAS1D,QAAgBM,GAAeC,EAAQC,UAC9BD,EAAO,IAAIR,OAASS,EAgB7B,QAAgBC,GAAmBC,EAAOC,YAEtCT,KAAKU,IAAIF,EAAQG,IAAeF,IAChCT,KAAKY,IAAIJ,EAAQG,IAAeF,WChFpBI,GAAqBC,EAAMC,MACtCC,UAAQC,eACRH,IAAQC,KACFA,EAAWD,IAChBA,MAEKA,EAAOC,IACZA,IAGGC,EAAQC,GAGjB,QAAgBC,GAAqBC,EAAQC,MAC5CC,0DAAYD,EAAOvB,OAASsB,EAAOtB,aAGhCwB,GAAc,IACP5B,EAAU0B,EAAQE,KAElB5B,EAAU2B,EAAQC,IAEpBF,EAAQC,GCfjB,QAAgBE,GAAUC,EAAMC,EAAUC,EAAUC,MAC/CC,GAA0B,gBAAbH,GAAwBA,EAAWA,EAASI,KAAK,aAEjEL,GACCM,UAAWJ,EAASG,KAAK,OAC1BF,EACAI,GACA,aACCD,UAAWF,IAId,QAAgBI,GAAkBC,EAAOC,EAAMC,SACvCZ,GAAUU,GAAQE,EAAM,IAAKD,EAAM,GAAIE,IAG/C,QAAgBC,GAAkBC,EAAOC,EAAMC,SACvCjB,GAAUe,GAAQ,EAAGE,IAAQ,EAAGD,GAAOH,IAG/C,QAAgBK,GAAcC,EAAWC,EAAOC,EAAOC,MAClDC,GAAYH,EAAQC,EACpBtF,EAAOoF,EAAUK,WAAW,WAG/BzF,GACE2D,OAAQ6B,EAAWE,mBAHV1F,EAAK2F,aAAa,cAGyBH,GACtDV,GACAL,IAGeR,EAAUmB,GAAY,EAAGG,IAAS,EAAGD,GAAQR,KAI9D,QAAgBc,GAAWC,EAAKC,EAAGrC,EAAMsC,MAAOC,0DAAO,IACpCxC,EAAqBC,8DAAWC,oBAA7CC,OAAQC,iBACRoC,EACe,SAAjBH,EAAII,WACKJ,EAAIJ,WAAW,IAGxBM,MAAOA,EAAOpC,OAAQA,GACvBuC,GACAzB,IAIeR,EAAU4B,EADRA,EAAIF,aAAa,aAAaQ,MAAM,KAAK,GAAGC,MAAM,GAAI,IAC3BN,EAAGlC,GAAIkB,OAG3Ce,GAAME,MAAOA,EAAOpC,OAAQA,EAAQmC,EAAGA,EAAGlC,EAAGA,GAAIsC,GAAezB,KAK3E,QAAgB4B,GAAWC,EAAKR,EAAGlC,SACd,WAAjB0C,EAAIL,UAEUhC,EAAUqC,EADRA,EAAIX,aAAa,aAAaQ,MAAM,KAAK,GAAGC,MAAM,GAAI,IAC3BN,EAAGlC,GAAIkB,OAG3CwB,GAAMC,GAAIT,EAAGU,GAAI5C,GAAIsC,GAAezB,KAK/C,QAAgBgC,GAAYC,EAAOC,EAAUC,EAAUlD,MAClDmD,MAGAC,EADYF,EAASG,IAAI,SAACnD,EAAGoD,SAAOL,GAASK,GAAK,IAAMpD,IACpCW,KAAK,KAEvB0C,GAAYP,EAAMQ,MAAOhF,EAAE,IAAI4E,GAAUK,GAAe1C,SAC/C2C,KAAKH,GAEjBP,EAAMW,OAAQ,IACZC,GAAgBX,EAAS,OAAMjD,MAC/B6D,MAAeZ,EAASP,OAAO,GAAG,QAAO1C,EAEvC8D,GACLd,EAAMW,QACLnF,EAAE,IAAMoF,EAAaR,EAAUS,GAChCJ,GACA1C,MAEc2C,KAAKI,SAGdX,GCzFR,QAESpH,GAAEC,EAAMC,SACO,gBAATD,IAAoBC,GAAOC,UAAUC,cAAcH,GAAQA,GAAQ,KAGlF,QAAgB+H,GAAUC,EAAKC,MAC1B5H,GAAUH,SAASgI,gBAAgB,6BAA8BF,OAEhE,GAAIV,KAAKW,GAAG,IACZE,GAAMF,EAAEX,MAEF,WAANA,IACDa,GAAKC,YAAY/H,OAEf,IAAU,WAANiH,EAAgB,IACpBe,GAAMtI,EAAEoI,KACRG,WAAWC,aAAalI,EAASgI,KAC7BD,YAAYC,OAEJ,WAANf,EACQ,qBAARa,iBAAAA,YACFK,KAAKL,GAAKd,IAAI,cACZoB,MAAMC,GAAQP,EAAIO,MAInB,cAANpB,MAAyB,SACnB,cAANA,IACF,YAAyBa,IAEjBQ,aAAarB,EAAGa,UAKpB9H,GAGR,QAASuI,GAAuBC,EAAYC,SACpCf,GAAU,yBACRc,KACJC,KACA,KACA,KACA,KACA,IAIN,QAASC,GAAgBC,EAAU1C,EAAQ2C,EAAOC,SAC1CnB,GAAU,eACNiB,uBACcC,SACd3C,iBACM4C,IAIlB,QAAgBC,GAAiBC,EAAQC,EAAWhD,EAAOpC,SACnD8D,GAAU,iBACLsB,SACHD,QACD/C,SACCpC,IAIV,QAAgBqF,GAAYC,SACpBxB,GAAU,eACRwB,IAIV,QAAgBC,GAAaJ,EAAQC,SAC7BtB,GAAU,eACLsB,SACHD,mEAHgD,KAgB1D,QAAgBK,GAASrC,SACjBW,GAAU,yEAD0B,KAGvCX,wEAHkD,mEAAa,UAWpE,QAAgBsC,GAAeC,EAAeC,EAAaC,EAAQnG,MAAQoG,0DAAU,EAC/EC,EAAyBF,EAAOzD,EAAIuD,EAAcvD,EAAvC4D,EAA0CH,EAAO3F,EAAIyF,EAAczF,EAC9E+F,EAAqBJ,EAAOzD,EAAIwD,EAAYxD,EAAnC8D,EAAsCL,EAAO3F,EAAI0F,EAAY1F,YAEhE2F,EAAOzD,MAAKyD,EAAO3F,YAC1B6F,MAAaC,aACZtG,MAAUA,WAAcoG,EAAY,EAAI,YAC1CG,MAAWC,OAGf,QAAgBC,GAAatB,EAAYI,MAAOmB,2DAC3CtB,EAAY,sBAA6BG,EAAQ,KAAMmB,EAAU,UAAY,WAC7EC,EAAczB,EAAuBC,EAAYC,GACjDwB,GAAa,EAAG,GAAK,UACtBF,QACW,GAAK,GAAK,MAGRC,EAAa,KAAMpB,EAAOqB,EAAU,MACpCD,EAAa,MAAOpB,EAAOqB,EAAU,MACrCD,EAAa,OAAQpB,EAAOqB,EAAU,IAE/CxB,EAGR,QAAgByB,GAAelB,EAAWjD,EAAGlC,EAAGsG,MAAMrH,0DAAK,OAAQsH,4DAC9DC,aACQrB,IACRjD,IACAlC,QACIsG,SACCA,OACFrH,iBAGAqF,KAAKiC,GAAMpD,IAAI,cAChBsD,GAAOF,EAAKE,KAGX5C,EAAU,OAAQ2C,GAG1B,QAAgBE,GAASvB,EAAWjD,EAAGlC,EAAG2G,SAClC9C,GAAU,kBACLsB,IACRjD,IACAlC,KACE4G,GAAY,EAAK,iBACTA,GAAY,eACdD,IAIb,QAASE,GAAa3E,EAAG4E,EAAOC,EAAIC,MAAIC,4DACnCA,GAAQC,SAAQD,EAAQC,OAASC,OACjCC,GAAIvD,EAAU,kBACN,iBAAmBoD,EAAQ9B,aAClC,KACA,KACA4B,KACAC,iBAEKC,EAAQC,UAIdG,EAAOxD,EAAU,UACjB,IACAkD,EAAKC,EAAKD,EAAKO,GAAeP,EAAKO,GAAeV,MACjDA,GAAY,iBACHA,GAAY,mBACV,mBACJE,IAGRS,EAAO1D,EAAU,4BACK3B,oBAGrBgC,YAAYkD,KACZlD,YAAYmD,GAEVE,EAGR,QAASC,GAAaxH,EAAG8G,EAAOW,EAAIC,MAAIT,4DACnCA,GAAQC,SAAQD,EAAQC,OAASC,IACjCF,EAAQU,WAAUV,EAAQU,SAAW,OAIrCP,GAAIvD,EAAU,kBAHF,mBAAqBoD,EAAQ9B,WACtB,WAArB8B,EAAQU,SAAwB,SAAU,OAIvCF,KACAC,KACA,KACA,iBAEKT,EAAQC,UAIdG,EAAOxD,EAAU,UACjB4D,EAAKC,EAAKD,EAAKH,GAAeG,EAAKH,KACnC,KACEV,GAAY,EAAI,EAAK,iBACbA,GAAY,mBACVa,EAAKC,EAAK,MAAQ,kBACtBZ,EAAM,KAGdS,EAAO1D,EAAU,+BACO7D,uBACT,UAGP,KAATqH,GAAuB,MAATA,MACX9C,MAAM2C,OAAS,2BAGhBhD,YAAYkD,KACZlD,YAAYmD,GAEVE,EAGR,QAAgBnG,GAAMpB,EAAG8G,EAAO3E,MAAO8E,4DAClCA,GAAQW,MAAKX,EAAQW,IAAM,QAC3BX,EAAQ7E,SAAQ6E,EAAQ7E,OAAS,GACjC6E,EAAQY,OAAMZ,EAAQY,KAAO,QAC7BZ,EAAQC,SAAQD,EAAQC,OAASC,IACjCF,EAAQ9B,YAAW8B,EAAQ9B,UAAY,OAEvCsC,IAAM,EAAIK,GACVJ,EAAsB,SAAjBT,EAAQY,KAAkB1F,EAAQ2F,GAAmB,QAE1C,SAAjBb,EAAQY,MAAmC,UAAhBZ,EAAQW,QAChCzF,EAAQ2F,KACR3F,MAKA8E,EAAQ7E,UACR6E,EAAQ7E,OAEPoF,EAAaxH,EAAG8G,EAAOW,EAAIC,UACzBT,EAAQC,iBACLD,EAAQ9B,mBACT8B,EAAQU,WAIpB,QAAgB5G,GAAMmB,EAAG4E,EAAO/G,MAAQkH,4DACnCA,GAAQW,MAAKX,EAAQW,IAAM,UAC3BX,EAAQ7E,SAAQ6E,EAAQ7E,OAAS,GACjC6E,EAAQY,OAAMZ,EAAQY,KAAO,QAC7BZ,EAAQC,SAAQD,EAAQC,OAASC,IACjCF,EAAQ9B,YAAW8B,EAAQ9B,UAAY,OAavC4B,GAAKhH,EAAS+H,GACdd,EAAsB,SAAjBC,EAAQY,MAAmB,EAAIC,GAAmB/H,QAEvC,SAAjBkH,EAAQY,MAAmC,QAAhBZ,EAAQW,SAE/B,EAAIE,KACL,GAGCjB,EAAa3E,EAAG4E,EAAOC,EAAIC,UACzBC,EAAQC,iBACLD,EAAQ9B,mBACT8B,EAAQU,WAIpB,QAAgBI,GAAQ/H,EAAG8G,EAAO3E,MAAO8E,6DACpCe,EAAWnE,EAAU,kBACb,gBACR1B,EAAQhD,EAAe2H,EAAO,GAAKQ,KACnC,KACEV,IAAa,EAAK,iBACVA,GAAY,mBACV,kBACJE,EAAM,KAGdS,EAAOC,EAAaxH,EAAG,GAAI,EAAGmC,UACzB8E,EAAQC,QAAUC,aACfF,EAAQ9B,WAAa,YACtB8B,EAAQU,oBAGdzD,YAAY8D,GAEVT,EAGR,QAAgBU,GAAQlB,EAAIC,EAAI7E,EAAO2E,MAElC/G,GAASgH,EAAKC,EAEd5K,EAAOyH,EAAU,6EAIXsD,sBACehF,OAAUpC,KAG/B,IACA,QACIoC,SACCpC,IAGLiI,EAAWnE,EAAU,kBACb,gBACR1B,EAAQhD,EAAe2H,EAAO,KAAOQ,KACrC,KACEV,IAAa,EAAK,iBACVA,GAAY,mBACV,kBACJE,EAAM,KAGdrD,EAASI,EAAU,+BACKmD,iBAGrB9C,YAAY9H,KACZ8H,YAAY8D,GAEZvE,EAGR,QAAgByE,GAAWhG,EAAGrC,EAAMsC,EAAO4C,MAAO+B,0DAAM,GAAIqB,yDAAM,EAAG/F,yDAAO,EAAGgG,8DAC5DxI,EAAqBC,EAAMuI,EAAKtI,oBAA7CC,OAAQC,OAGT5D,EAAOyH,EAAU,4CAEJkB,qBACIoD,IACjBjG,OANCE,QAQGD,SACCpC,GAAUqI,EAAKC,eAGpBvB,GAAUA,EAAMlI,OAEb,GACD6F,aAAa,IAAK,KAClBA,aAAa,IAAK,MACnB4C,GAAOxD,EAAU,kBACT,qBACR1B,EAAM,IACN,KACEyE,GAAY,GAAK,EAAK,iBACdA,GAAY,mBACV,mBACJE,IAGRwB,EAAQzE,EAAU,4BACG3B,OAAMlC,iBAEzBkE,YAAY9H,KACZ8H,YAAYmD,GAEXiB,QApBAlM,GAwBT,QAAgBmM,GAAWrG,EAAGlC,EAAGR,EAAQuF,MAAO+B,0DAAM,GACjDpE,EAAMmB,EAAU,yBACHkB,4EAF8C,KAI1D7C,KACAlC,IACDR,OAGAsH,GAAUA,EAAMlI,OAEb,GACF6F,aAAa,KAAM,KACnBA,aAAa,KAAM,MAEnB4C,GAAOxD,EAAU,kBACT,qBACR,IACA,KACE+C,GAAY,GAAK,EAAIpH,EAAU,iBACvBoH,GAAY,mBACV,mBACJE,IAGRwB,EAAQzE,EAAU,4BACG3B,OAAMlC,iBAEzBkE,YAAYxB,KACZwB,YAAYmD,GAEXiB,QArBA5F,GAyBT,QAAgB8F,GAASC,EAAOC,EAAO3D,MAAOkC,6DAAYmB,4DAErDO,EADaD,EAAMvF,IAAI,SAACnD,EAAGoD,SAAOqF,GAAMrF,GAAK,IAAMpD,IAC5BW,KAAK,KAC5B2C,EAAOiC,EAAS,IAAIoD,EAAW,kBAAmB5D,MAGnDkC,EAAQ2B,SAAU,IAChBC,GAAc5C,EAAamC,EAAKU,QAAS/D,KACxCR,MAAM2C,eAAiB2B,SAGzB/F,SACGQ,EAIP,IAAG2D,EAAQ8B,WAAY,IAClBC,GAAqB/C,EAAamC,EAAKU,QAAS/D,GAAO,GAGvD7B,EAAU,IAASuF,EAAM,OAAML,EAAKtI,aAAc6I,MAAgBF,EAAMjG,OAAO,GAAG,OAAM4F,EAAKtI,WAC3F2D,OAAS8B,EAASrC,gBAAwB,eAAgB8F,aAG1DlG,GCnbR,QAASmG,GAAWC,SACfA,GAAI,IAAY,IACXA,EAAI,EAAU,EAChBA,EAGR,QAAgBC,GAAmBpE,EAAOqE,MACrCC,GAAMC,GAASvE,GACfwE,GAAW,CACD,MAAVF,EAAI,OACDA,EAAI7G,MAAM,MACL,MAERgH,GAAMC,SAASJ,EAAI,IACnBH,EAAID,GAAYO,GAAO,IAAMJ,GAC7BM,EAAIT,GAAaO,GAAO,EAAK,KAAUJ,GACvCO,EAAIV,GAAkB,IAANO,GAAkBJ,UAC9BG,EAAS,IAAI,KAAOI,EAAKD,GAAK,EAAMR,GAAK,IAAKU,SAAS,IAGhE,QAAgBC,GAAazK,8CAEgB0K,KAAK1K,GCnBlD,QAAgB2K,GAAkBjM,EAAMkM,EAAc9E,EAAQsB,MAC1D1I,IAASkM,GAERC,GAAgBC,SAASpM,YACpBqM,UAAUrM,kCAGfsM,GAAkBJ,GAAcE,SAASpM,YACpCqM,UAAUH,uCAAiDlM,iBAI9DuM,GAAWC,GAAwBN,GAAcE,SAASpM,YAM3DA,KAAOA,IACPyM,OAASF,EAAW7D,EAAK+D,WAASC,GAEhC,GAAIC,IAAMvF,EAAQsB,IC/B1B,QAASkE,GAAkBvO,EAASwO,EAAOC,MAAKC,0DAAW,SAAU/M,6DAAK0M,GAAWM,4DAEhFC,EAAc5O,EAAQ6O,WAAU,GAChCC,EAAa9O,EAAQ6O,WAAU,OAE/B,GAAIE,KAAiBP,GAAO,IAC3BQ,YACiB,cAAlBD,EACelP,SAASgI,gBAAgB,6BAA8B,oBAEvDhI,SAASgI,gBAAgB,6BAA8B,cAErEoH,GAAeN,EAAUI,IAAkB/O,EAAQ4F,aAAamJ,GAChEG,EAAQV,EAAMO,GAEdI,iBACYJ,OACTE,KACFC,QACG,SACFT,EAAI,IAAO,WACRQ,EAAe,IAAMC,aACjBE,GAAOV,YACT,eACA,cACJ,SAGJ/M,OACF,KAAmBA,OAGf,GAAIsF,KAAKkI,KACE7G,aAAarB,EAAGkI,EAASlI,MAG7Bc,YAAYiH,GAErBrN,IACS2G,aAAayG,eAA4BG,SAEzC5G,aAAayG,EAAeG,UAIjCN,EAAaE,GAGtB,QAAgBrK,GAAUzE,EAASoI,KAC1BA,MAAM3D,UAAY2D,IAClBA,MAAMiH,gBAAkBjH,IACxBA,MAAMkH,YAAclH,IACpBA,MAAMmH,aAAenH,IACrBA,MAAMoH,WAAapH,EAG5B,QAASqH,GAAWvG,EAAcwG,MAC7BC,MACAC,OAEK5I,IAAI,eACR7C,GAAOnE,EAAQ,GACf+I,EAAS5E,EAAK8D,WAEd2G,SAAaE,WAET,GAAK3K,QACeoK,kBAAqBvO,8BAErCqH,KAAKyH,KACJzH,MAAMuH,EAAa7F,MAEzB8G,aAAajB,EAAazK,QAG9B2L,GAAU5G,EAAa2F,WAAU,YAExB7H,IAAI,SAAC4H,EAAa3H,KAClB,GAAG4I,aAAaF,EAAY1I,GAAI2H,EAAY,MAC/C3H,GAAG,GAAK0I,EAAY1I,KAGvB6I,EAGR,QAAgBC,GAAiBhH,EAAQiH,EAAYC,MACpB,IAA7BA,EAAkBxN,WAEjByN,GAAiBT,EAAWO,EAAYC,EACzCD,GAAW/H,YAAcc,MACpBoH,YAAYH,KACZjI,YAAYmI,eAKT,WACPA,EAAejI,YAAcc,MACxBoH,YAAYD,KACZnI,YAAYiI,KAElBI,KC/GJ,QAASC,GAAWC,MACfC,GAAS,GAAIC,MAAKF,YACfG,WAAWF,EAAOG,aAAeH,EAAOI,qBACxCJ,EAGR,QAAgBK,GAAYC,MACvBC,GAAKD,EAAKE,UACVC,EAAKH,EAAKI,WAAa,UAEzBH,EAAG,EAAI,GAAK,KAAOA,GACnBE,EAAG,EAAI,GAAK,KAAOA,EACpBH,EAAKK,eACJ1M,KAAK,KAGR,QAAgB2M,GAAgBC,EAAcC,SACtCzO,MAAK0O,KAAKC,EAAeH,EAAcC,GAAc,GAG7D,QAAgBE,GAAeH,EAAcC,UAEpChB,EAAWgB,GAAchB,EAAWe,IADnB,MAK1B,QAAgBI,GAAQX,EAAMY,KACxBC,QAAQb,EAAKE,UAAYU,oBCvBvB,IAAJ1L,SACM,EAAG,MAET4L,MAAM5L,UACA6L,UAAW,iBAAkBC,SAAU,QAE5CC,GAAM/L,EAAI,EAAI,GAAK,MACnBgM,SAAShM,UACJ6L,SAAgB,iBAANE,EAAwBD,SAAU,OAGjDjP,KAAKC,IAAIkD,MACTiM,GAAMpP,KAAKqP,MAAMrP,KAAKsP,MAAMnM,WAGxB+L,GAFE/L,EAAEnD,KAAKuP,IAAI,GAAIH,IAENA,GAGpB,QAASI,GAAuBC,MAAKC,0DAAI,EACpCC,EAAa3P,KAAK0O,KAAKe,GACvBG,EAAa5P,KAAKqP,MAAMK,GACxBG,EAAQF,EAAaC,EAErBE,EAAYD,EACZE,EAAW,CAGZF,GAAQ,IACPA,EAAQ,GAAM,UAGKD,KAEVC,EAAM,IACP,GAITA,GAAS,MAEAA,KADC,IAKA,IAAVA,MACU,IACD,OAIR,GADAG,MACI3L,EAAI,EAAGA,GAAKyL,EAAWzL,MACpBI,KAAKmL,EAAaG,EAAW1L,SAEjC2L,GAGR,QAASC,IAAkBC,MAAUC,0DAAS,IACZC,EAAUF,aAAtCG,OAAgBpB,OACjBqB,EAAiBH,EAAWA,EAASnQ,KAAKuP,IAAI,GAAIN,GAAW,EAK7De,EAAYR,IAFCa,EAAe7Q,QAAQ,GAEe8Q,YAC3CN,EAAU5L,IAAI,kBAASkI,GAAQtM,KAAKuP,IAAI,GAAIN,KAIzD,QAAgBsB,IAAmBC,WAYzBC,GAA0BP,EAAUQ,OAOxC,GANAV,GAAYC,GAAkBC,GAE9BS,EAAeX,EAAU,GAAKA,EAAU,GAGxC1D,EAAQ,EACJjI,EAAI,EAAGiI,EAAQoE,EAAarM,OAC1BsM,IACCC,SAAU,EAAKtE,SAEnB0D,MAvBkCa,2DAMtCX,EAAWlQ,KAAKyP,kBAAOe,IACvBL,EAAWnQ,KAAK0P,kBAAOc,IAGTR,QAkBfE,GAAY,GAAKC,GAAY,EACpBC,EAAUF,GAAU,KAC3BW,EAGSZ,GAAkBC,EAAUC,GAF5BF,GAAkBC,OAQ3B,IAAGA,EAAW,GAAKC,EAAW,EAAG,IAOjCO,GAAc1Q,KAAKC,IAAIkQ,EAExBD,IAAYQ,GACHN,EAAUF,GAAU,KACnBO,EAA0BP,EAAUQ,KAGrCN,EAAUM,GAAa,KACfD,EAA0BC,EAAaR,GACjC9L,IAAI,mBAAW,EAAN7E,SAO/B,IAAG2Q,GAAY,GAAKC,GAAY,EAAG,IAInCW,GAAiB9Q,KAAKC,IAAIkQ,GAC1BY,EAAiB/Q,KAAKC,IAAIiQ,EAEnBE,GAAUU,GAAgB,QACjCD,EAGSZ,GAAkBa,EAAgBC,GAFlCd,GAAkBa,IAKTE,UAAU5M,IAAI,mBAAW,EAAN7E,UAGnCyQ,GAGR,QAAgBiB,IAAaC,MAExBC,GAAWC,GAAgBF,SAC5BA,GAAKG,QAAQ,IAAM,EAGTH,EAAKG,QAAQ,GAChBH,EAAK,GAAK,GAIL,EADJA,EAAK,GACUC,GAKX,EADJD,EAAKA,EAAKrR,OAAS,GACJsR,GAAYD,EAAKrR,OAAS,GAiBrD,QAAgBuR,IAAgBE,SACxBA,GAAa,GAAKA,EAAa,GAGvC,QAAgBC,IAAcD,SACtBA,GAAaA,EAAazR,OAAO,GAAKyR,EAAa,GAG3D,QAAgBE,IAAMtM,EAAKuM,SACnBnS,GAASmS,EAAM1Q,SAAWmE,EAAMuM,EAAMC,iBAG9C,QAAgBC,IAAiBnB,EAAQoB,OASpC,GALAC,GAAe7R,KAAKyP,kBAAOe,IAE3BsB,EAAmB,GAAKF,EAAmB,GAC3CG,KAEI1N,EAAI,EAAGA,EAAIuN,EAAkBvN,IAAK,IACrC2N,GAAaH,GAAgBC,EAAmBzN,KACvCI,KAAKuN,SAGZD,GAGR,QAAgBE,IAAiB3F,EAAOyF,SAChCA,GAAaG,OAAO,kBAAK3S,GAAI+M,IAAOzM,OCzNrC,QAASsS,IAAS3K,EAAMzI,KACzBqT,OAAS5K,EAAK4K,cAEfC,GAAgB7K,EAAK4K,OAAOvS,OAG5ByS,EAAW9K,EAAK8K,SAChBC,EAAY,GAAIxS,OAAMsS,GAAenS,KAAK,SAC1CoS,gBAGMC,OAIDnO,IAAI,SAAC7E,EAAG8E,MAEZ9E,EAAEiR,OAEC,IAEFgC,GAAOjT,EAAEiR,YACNgC,EAAKpO,IAAI,kBAAS2K,OAAM7J,GAAa,EAANA,KAG9BrF,OAASwS,EACTG,EAAK/O,MAAM,EAAG4O,GAEd5S,EAAU+S,EAAMH,EAAgBG,EAAK3S,OAAQ,UAVnD2Q,OAAS+B,CAkBRhT,GAAEkT,YACDC,GAAyBvH,SAASpM,KACpC0T,UAAY1T,KASbyI,EAAKmL,YACFA,SAASvO,IAAI,eACd7E,EAAEqT,IAAMrT,EAAEK,MAAO,QACCL,EAAEqT,IAAKrT,EAAEK,SAA1BA,aAASgT,YAKRpL,EAGR,QAAgBqL,IAAaC,MACxBT,GAAgBS,EAASV,OAAOvS,OAChC0S,EAAY,GAAIxS,OAAMsS,GAAenS,KAAK,GAE1C6S,UACKD,EAASV,OAAO3O,MAAM,GAAI,YACxBqP,EAASR,SAASlO,IAAI,wBAExB,UACEmO,EAAU9O,MAAM,GAAI,aACjBlE,EAAEkT,oBAKbK,GAASE,aACFA,iBAEA,QACA,MAKPF,EAASH,aACFA,iBAEA,MACF,QACE,MAKHI,EAGR,QAAgBE,IAAmBC,MAAYd,6DAAWe,6DAErDC,EADeF,EAAad,EAAOvS,OACHwT,SAEnBjB,GAAOhO,IAAI,SAAC2D,EAAO1D,aAC1B,IACAxE,OAASuT,IAEbD,EAQA9O,EADYrE,KAAK0O,KAAK3G,EAAMlI,OAAOuT,IAClB,MACX,MARNA,EAAe,EAAI,EACbrL,EAAMtE,MAAM,EAAG2P,EAAe,GAAK,OAEnCrL,EAAMtE,MAAM,EAAG2P,GAAkB,MASrCrL,ICkOT,QAAgBuL,IAAaC,EAAMC,EAAWC,MACzClO,GAAOmO,OAAOnO,KAAKoO,IAAkBzB,OAAO,kBAAKqB,GAAKpI,SAASyI,KAC/DC,EAASF,GAAiBpO,EAAK,kBAC5BuO,OAAOD,aACFL,UACFC,IAEH,GAAIM,IAAeF,GCjV3B,QAASG,SAAevB,0DAAY,OAAQtM,eAAQ+B,qBAClC,SAAduK,KACM1T,KAAO,OACR,GAAIkV,IAAU9N,EAAQ+B,IACL,QAAduK,KACF1T,KAAO,MACR,GAAIkV,IAAU9N,EAAQ+B,IACL,eAAduK,KACF1T,KAAO,OACR,GAAIkV,IAAU9N,EAAQ+B,IAGzBgM,GAAWzB,GAKT,GAAIyB,IAAWzB,GAAWtM,EAAQ+B,gBAJhCkD,MAAM,yBAA2BqH,w1NZd3C3V,GAAEqX,OAAS,SAACpP,EAAKC,MACZ5H,GAAUH,SAASmX,cAAcrP,OAEhC,GAAIV,KAAKW,GAAG,IACZE,GAAMF,EAAEX,MAEF,WAANA,IACDa,GAAKC,YAAY/H,OAEf,IAAU,WAANiH,EAAgB,IACpBe,GAAMtI,EAAEoI,KACRG,WAAWC,aAAalI,EAASgI,KAC7BD,YAAYC,OAEJ,WAANf,EACQ,qBAARa,iBAAAA,YACFK,KAAKL,GAAKd,IAAI,cACZoB,MAAMC,GAAQP,EAAIO,KAGlBpB,IAAKjH,KACPiH,GAAKa,IAGLQ,aAAarB,EAAGa,SAInB9H,OaxCaiX,qCAEnBlO,OAAAA,aAAS,WACTqF,OAAAA,kCAEKrF,OAASA,OACTqF,OAASA,OACT8I,WAAa,QACbC,YAAc,QACdC,oBACAC,kBAAoB,OAEpBtR,EAAI,OACJlC,EAAI,OAEJ1D,IAAM,OACNI,KAAO,OAEP+W,wDAIAC,sDAIAzU,YACA0U,uEAKAC,UAAY/X,EAAEqX,OAAO,cACjBW,KAAK3O,iBACF,8JAKP4O,gBAEAC,MAAQF,KAAKD,UAAU3X,cAAc,eACrC+X,gBAAkBH,KAAKD,UAAU3X,cAAc,yBAE/CiJ,OAAO+O,iBAAiB,aAAc,aACrCH,uDAKFC,WACDF,KAAKL,6BACYK,KAAKP,wBAAuBO,KAAKR,WAEzCQ,KAAKR,sBAAqBQ,KAAKP,6BAEtCS,MAAMG,UAAYH,OAClBC,gBAAgBE,UAAY,QAE5BX,YAAYpQ,IAAI,SAACgR,EAAK/Q,MACpB2B,GAAQqP,EAAK7J,OAAOnH,IAAM,QAE5BiR,EAAKxY,EAAEqX,OAAO,wCAEWnO,iDAEiC,IAAdoP,EAAI9I,OAAe8I,EAAI9I,MAAQ8I,EAAI9I,MAAQ,6BACvF8I,EAAIJ,MAAQI,EAAIJ,MAAQ,QAGvBC,gBAAgB9P,YAAYmQ,gDAK9BlS,GAAQ0R,KAAKD,UAAUU,iBAEtBhY,IAAMuX,KAAK7T,EAAI6T,KAAKD,UAAUW,kBAC9B7X,KAAOmX,KAAK3R,EAAIC,EAAM,KACvBqS,GAAWX,KAAK3O,OAAOoP,YAAcnS,EAErCsS,EAAUZ,KAAKD,UAAU3X,cAAc,mBAExC4X,KAAKnX,KAAO,IACN6H,MAAM7H,oBAAsB,EAAImX,KAAKnX,gBACxCA,KAAO,MACN,IAAGmX,KAAKnX,KAAO8X,EAAU,IAE3BE,kBADQb,KAAKnX,KAAO8X,WAEhBjQ,MAAM7H,KAAOgY,OAEhBhY,KAAO8X,SAEJjQ,MAAM7H,8CAILwF,EAAGlC,MAAGqT,0DAAa,GAAIC,yDAAc,GAAIC,4DAAkBC,yDAAoB,OACpFH,WAAaA,OACbC,YAAcA,OACdC,YAAcA,OACdrR,EAAIA,OACJlC,EAAIA,OACJwT,kBAAoBA,OACpBmB,kDAIAf,UAAUrP,MAAMjI,IAAM,WACtBsX,UAAUrP,MAAM7H,KAAO,WACvBkX,UAAUrP,MAAMS,QAAU,4CAI1B4O,UAAUrP,MAAMjI,IAAMuX,KAAKvX,IAAM,UACjCsX,UAAUrP,MAAM7H,KAAOmX,KAAKnX,KAAO,UACnCkX,UAAUrP,MAAMS,QAAU,aC5GpByM,IAA4B,OAAQ,OAQpCW,GAAqB,EAGrB1S,GAAcX,KAAK6V,GAAK,IXnBxBtS,GAAgB,IAChBiB,GAAgB,IAChBrC,GAAuBoB,GACvBiK,GAAsB,IAEtB1L,GAAa,SCFpBiH,GAAmB,EACnBR,GAAe,EACRV,GAAY,GACnBO,GAAkB,UAkcb0N,QACH,SAACvU,MACHwU,SACiB,UAAlBxU,EAAK+B,aACU/B,EAAKyB,aAAa,eAC5BzB,EAAKuB,WAAW,OAEpBkT,GAAUzU,EAAK0K,qBACXzG,MAAMtF,KAAO,YACbsF,MAAMS,QAAU,MAErB8P,KACMrQ,aAAa,YAAaqQ,GAE5BC,OAGD,SAACzU,MACHwU,SACiB,YAAlBxU,EAAK+B,aACU/B,EAAKyB,aAAa,eAC5BzB,EAAKuB,WAAW,OAEpBkT,GAAUzU,EAAK0K,YACfxL,EAASc,EAAKyB,aAAa,cACvB0C,aAAa,IAAKjF,EUndS,KVod3B+E,MAAMtF,KAAO,YACbsF,MAAMS,QAAU,MAErB8P,KACMrQ,aAAa,YAAaqQ,GAE5BC,IAIEC,QACH,SAAC1U,EAAMyU,MACTD,SACiB,UAAlBxU,EAAK+B,aACU/B,EAAKyB,aAAa,eAC5BzB,EAAKuB,WAAW,OAEpBoT,IAAc,IAAK,IAAK,QAAS,iBAC9B1F,OAAOjP,EAAK2U,YAClBhE,OAAO,kBAAQgE,GAAW/K,SAASgL,EAAK5C,OAAS4C,EAAKC,YACtDhS,IAAI,cACIsB,aAAayQ,EAAK5C,KAAM4C,EAAKE,aAGnCN,KACMrQ,aAAa,YAAaqQ,QAI7B,SAACxU,EAAMyU,MACTD,SACiB,YAAlBxU,EAAK+B,aACU/B,EAAKyB,aAAa,eAC5BzB,EAAKuB,WAAW,OAEpBoT,IAAc,KAAM,aACjB1F,OAAOjP,EAAK2U,YAClBhE,OAAO,kBAAQgE,GAAW/K,SAASgL,EAAK5C,OAAS4C,EAAKC,YACtDhS,IAAI,cACIsB,aAAayQ,EAAK5C,KAAM4C,EAAKE,aAGnCN,KACMrQ,aAAa,YAAaqQ,KC/gB/BO,iBACS,eACN,iBACE,cACH,iBACG,iBACA,gBACD,wBACM,iBACL,kBACC,gBACF,eACD,uBACM,sBACD,WAGDC,IAAkB,aAAc,OAAQ,SAAU,MAAO,SACrE,SAAU,QAAS,cAAe,SAAU,UAAW,aAAc,aA2BzDhM,GAAW,SAACvE,SACjBsQ,IAAiBtQ,IAAUA,GC5C7BkF,IAAmB,OAAQ,UAAW,MAAO,aAAc,UAAW,OAEtEG,SACC,OAAQ,UAAW,aAAc,aAChC,UAAW,MAAO,aAAc,YACjC,OAAQ,UAAW,aAAc,gBAC7B,OAAQ,MAAO,aAAc,mBAC1B,MAAO,OAAQ,UAAW,mBAKlCE,SACC,OAAQ,iBACP,UAAW,YACZ,uBACI,OAAQ,mBACL,mBCfRiB,SACC,yBACE,iBAEA,wBACC,uBACE,iBQASgK,yBACRrQ,EAAQ+B,sBACduO,aAAevO,OAEf/B,OAA2B,gBAAXA,GAAsBlJ,SAASC,cAAciJ,GAAUA,IACtE2O,KAAK3O,iBAAkBuQ,mBACtB,IAAIC,OAAM,uDAGZ3B,MAAQ9M,EAAQ8M,OAAS,QACzB4B,SAAW1O,EAAQ0O,UAAY,QAC/BC,UAAY3O,EAAQlH,QAAU,SAC9BjC,KAAOmJ,EAAQnJ,MAAQ,QAEvB+T,SAAWgC,KAAKgC,YAAY5O,EAAQV,WACpCA,KAAOsN,KAAKiC,iBAAiBjC,KAAKhC,eAClCtH,eACAqI,oBACS,aACD3L,EAAQ8O,YAAc,cACrB9O,EAAQ+O,aAAe,UAC3B,QAELC,cACAhP,WAEF4M,KAAKjB,OAAOoD,mBACTE,kBAGDC,UAAUlP,gDAGNT,mBACJ4P,iBACAC,oBAGEpC,iBAAiB,SAAU,iBAAMqC,GAAKC,MAAK,YAC3CtC,iBAAiB,oBAAqB,iBAAMqC,GAAKC,MAAK,4CAIzD/P,GAAOqN,KAAK2B,aAGVgB,EAAqB,eAAdhQ,EAAK1I,MAAuC,QAAd0I,EAAK1I,KAC7C0I,EAAKD,KAAK4K,OACV3K,EAAKD,KAAK8K,UAET7K,EAAK+D,QAAWiM,GAAQhQ,EAAK+D,OAAO3L,OAAS4X,EAAK5X,YAChD2L,OAAS+K,QAET/K,OAAS/D,EAAK+D,YAGfA,OAASsJ,KAAKtJ,OAAOpH,IAAI,kBAASmG,IAASvE,6CAI5ChF,GAAS8T,KAAK+B,eACba,WAAa1W,OACbA,OAASA,EDxE6B,QCyEtC2W,WDxE+B,QC2E/BC,WD1E+B,QC2E/BC,YD1EgC,6CC8E9B,kCAIJ/C,KAAKgD,iBACFC,+CAKDC,qBACAC,mBAEAT,MAAK,GAAO,kDAIZU,WAAa,GAAIC,kDAIjBtD,UAAY/X,EAAEqX,OAAO,iBACd,iDACqBW,KAAKE,wDACFF,KAAK8B,8HAMpCzQ,OAAOgP,UAAY,QACnBhP,OAAOhB,YAAY2P,KAAKD,gBAExBuD,aAAetD,KAAKD,UAAU3X,cAAc,sBAC5Cmb,aAAevD,KAAKD,UAAU3X,cAAc,qEAI5Cob,IAAM,GAAIjE,YACNS,KAAKsD,oBACLtD,KAAKtJ,cAET+M,+FAKDC,0DAAuBC,+DACtBC,iBACAC,KAAKH,QACLI,qBACAC,uBAEAX,WAAWY,QAAQ,kBAAKC,GAAErE,MAAMW,EAAK2D,iBAErCC,OAAOnE,KAAKoD,YAAY,GAE1BO,SACGjR,KAAOsN,KAAKhC,oBACN,aAAYoG,UDtIe,WCyIlCC,oBACAC,gBAAgBX,4CAIhBY,UAAY/a,EAAuBwW,KAAK3O,aACxC/C,MAAQ0R,KAAKuE,WAAavE,KAAK8C,WAAa9C,KAAK+C,iDAGhDrQ,0DAAKsN,KAAKtN,UACXA,KAAOsN,KAAKgC,YAAYtP,QACxBmR,YACAM,6GAGWnE,KAAKtN,8GAIAsN,KAAKtN,iFAMpB0Q,yDAAWpD,KAAKoD,WAAYoB,4DAC/BxE,MAAKjB,OAAOoD,kBAETE,SAAS/S,IAAI,kBAAKY,GAAEK,WAAWkI,YAAYvI,QAG7CqI,QAEOyL,QAAQ,cACEzL,EAAkBlN,OAAO4Y,EAAEG,OAAOI,MAEpDjM,EAAkBxN,OAAS,KACZiV,KAAKsD,aAActD,KAAKyE,IAAKlM,cACnC,aACCyL,QAAQ,kBAAKC,GAAES,WACrBC,aDhLiC,SCmL5BX,QAAQ,kBAAKC,GAAES,cACrBC,iDAKH3E,KAAKjB,OAAOoD,mBAERnB,mBACA4D,qDAQJ5E,KAAKyE,UACFnB,aAAa7K,YAAYuH,KAAKyE,UAE/BA,IAAMrT,EACV4O,KAAKsD,aACL,QACAtD,KAAKuE,UACLvE,KAAK4C,iBAED3N,QAAU1D,EAAYyO,KAAKyE,UAS3BP,SAAWzS,EACfuO,KAAKyE,IACLzE,KAAK/V,KAAO,sBACC+V,KAAK8C,gBAAe9C,KAAK6C,6GAMxBc,yDACX3D,MAAKjB,OAAOoD,aAEbwB,SACGkB,mBAEAC,eACE9E,KAAK+E,WAAWC,KAAKhF,SACrBA,KAAKiF,YAAYD,KAAKhF,SACtBA,KAAKkF,UAAUF,KAAKhF,SACpBA,KAAKmF,aAAaH,KAAKhF,SACvBA,KAAKoF,YAAYJ,KAAKhF,gBAGpBI,iBAAiB,UAAW,SAACiF,GAClCtc,EAAoBuc,EAAKhC,kBACvB+B,GAAKnc,OAAOqc,MACbD,EAAKR,WAAWO,EAAEG,YACfV,WAAWO,EAAEG,gcAmBHC,0CAENC,EAASpR,uCACZoR,EAASpR,oFAGLkJ,4CAECmI,yCACHA,yFAGK1b,SACViM,GAAkBjM,EAAM+V,KAAK/V,KAAM+V,KAAK3O,OAAQ2O,KAAK2B,uBCrRzCiE,0BACRvU,EAAQsB,+EACbtB,EAAQsB,yDAGLA,4FACOA,QAEXoM,OAAO8G,UAAYlT,EAAKkT,WAAa,QACrC9G,OAAO+G,gBAAkBnT,EAAKmT,iBAAmB,6CAIlDC,EAAI/F,KAAKoC,MACTyD,EAAY7F,KAAKjB,OAAO8G,YAC1BG,kBAEEC,GAAYjG,KAAKtN,KAAK4K,OAAOhO,IAAI,SAAC2D,EAAO1D,MACxC2W,GAAQ,WACPxT,KAAK8K,SAASlO,IAAI,eACb+V,EAAE3J,OAAOnM,MAEX2W,EAAOjT,KACbmK,OAAO,kBAAc3S,GAAE,GAAK,IAE3B0b,EAASF,KACVA,EAAUlb,OAAS8a,EAAW,GAEtBO,KAAK,SAACC,EAAGxQ,SAAeA,GAAE,GAAKwQ,EAAE,OAElCJ,EAAUtX,MAAM,EAAGkX,EAAU,MAGlCS,GAAiB,CAFLL,GAAUtX,MAAMkX,EAAU,GAGhCvW,IAAI,eAAwB7E,EAAE,OACjCkF,MAAM2W,EAAgB,cACxB5P,OAAOmP,EAAU,GAAK,YAGvBvI,YACEhO,IAAI,cACR0W,YAAYrW,KAAKlF,EAAE,MAChB6S,OAAO3N,KAAKlF,EAAE,iIAShBsb,EAAI/F,KAAKoC,WAERmE,aAAeR,EAAEC,YAAYrX,MAAM,EAAGqR,KAAKjB,OAAO+G,oBAEnDU,GAAWxG,KAAKyG,kBAAoBzG,KAAKyG,iBAAiB1b,OAAS,EACpEiV,KAAKyG,iBAAmBzG,KAAK1C,YAC3BiJ,aAAajX,IAAI,SAAC7E,EAAG8E,GACtB9E,IACUzC,EAAEqX,OAAO,iBACT,eACHqH,EAAKnD,eAERlD,uEACmBqG,EAAKhQ,OAAOnH,iDACTiX,EAASjX,0BAClC9E,gCAlEuCiX,ICAzBiF,0BACRtV,EAAQsB,8EACbtB,EAAQsB,aACT1I,KAAO,eAEP2V,0EAIA0D,aAAahS,WAAa,2BAC1BgS,aAAa5S,MAAMkW,UAAY,YAE/BrD,aAAajS,WAAa,2BAC1BiS,aAAa7S,MAAMmW,aAAe,YAClCtD,aAAa7S,MAAMoW,WAAa,WAEhCrC,IAAMzc,EAAEqX,OAAO,iBACR,aACHW,KAAKsD,oBAGTyD,MAAQ/e,EAAEqX,OAAO,iBACV,wBACHW,KAAKyE,WAGTuC,cAAgBhf,EAAEqX,OAAO,iBAClB,kBACHW,KAAK+G,oDAKVhB,EAAI/F,KAAKoC,WACR6E,YAAclB,EAAEC,YAAYkB,OAAO,SAACb,EAAGxQ,SAAMwQ,GAAIxQ,GAAG,QACpDsR,YACHnB,YAAY1W,IAAI,SAAC4W,EAAO3W,MACrBZ,GAAQ3G,EAAEqX,OAAO,uCAEZkB,EAAKyG,iCAEAzG,EAAK7J,OAAOnH,SACX,IAAN2W,EAAU3F,EAAK0G,YAAc,SAGjCE,OAAOxX,KAAKhB,mDA7CyBiX,ICKxBwB,0BACR/V,EAAQsB,8EACbtB,EAAQsB,aACT1I,KAAO,QAEPod,WAAa1U,EAAK0U,YAAc,KAChCC,WAAa3U,EAAK2U,YAAc,IAChCvV,UAAYY,EAAKZ,YAAa,IAE9B6N,+DAGIjN,4FACOA,QACX4U,UAAYvH,KAAKuH,UAAUvC,KAAKhF,WAChCwH,WAAaxH,KAAKwH,WAAWxC,KAAKhF,+HAIlClO,UACDkO,KAAK1R,MAAQ,IACb0R,KAAK9T,OAAS,QAEbP,OAAUqU,KAAK9T,OAAS8T,KAAK1R,MAAQ0R,KAAKlO,OAAOzD,EAAI2R,KAAKlO,OAAO3F,iCAGhEwX,cACAhY,EAAoBqU,KAApBrU,OAAOoG,EAAaiO,KAAbjO,eACRkV,YAAcjH,KAAKoC,MAAM4D,YAAYkB,OAAO,SAACb,EAAGxQ,SAAMwQ,GAAIxQ,GAAG,MAC5D4R,GAAuBzH,KAAK0H,0BAC7BP,eACAQ,4BACAD,uBACDE,GAAW,IAAM5H,KAAKsH,gBAErBlF,MAAM4D,YAAY1W,IAAI,SAAC4W,EAAO3W,MAC5B+X,GAAaM,EACbC,EAAmB3B,EAAQ3F,EAAK0G,YJvBf,IIwBjBa,EAAY/V,GAAa8V,EAAkBA,EAC3CE,EAAWH,GAAsBE,EACjClW,EAAgBnG,EAAmB6b,EAAY3b,GAC/CkG,EAAcpG,EAAmBsc,EAAUpc,GAC3Cqc,EAAerE,GAAQ8D,EAAqBlY,GAC9C0Y,SAASC,QACVvE,MACSqE,EAAaA,EAAapW,cAAgBA,IAC5CoW,EAAcA,EAAanW,YAAcD,MAEvCA,IACFC,MAEJsW,GAAUxW,EAAesW,EAAUC,EAAQ3H,EAAKzO,OAAQyO,EAAK5U,OAAQ4U,EAAKxO,WAC5EpD,EAAQ+C,EAASyW,EAAS,WAAY,OAAQ5H,EAAK7J,OAAOnH,MACxDmB,MAAM0X,WAAa,mBACpBlE,SAAS7T,YAAY1B,KAErBwY,OAAOxX,KAAKhB,KACZ+Y,iBAAiB/X,0CAGduW,QACA3F,EAAK0G,0CAGLa,IAELnE,KACGgE,oBAAoBhY,MAAMhB,GAC7BlE,EAAGkH,EAAeC,EAAeC,EAAa0O,EAAKzO,OAAQyO,EAAK5U,OAAQ4U,EAAKxO,YAC9E,IAAK,SAAS,QACXoW,mDAUaE,MACb1c,GAAqBqU,KAArBrU,OAAO0b,EAAcrH,KAAdqH,WACPiB,EAAW7c,EAAmB4c,EAASf,WAAYe,EAAS3c,MAAQ,EAAGC,wBACtD2c,EAASja,EAAKgZ,QAAiBiB,EAASnc,EAAKkb,6CAG1D5X,EAAKF,EAAEgZ,EAAKlD,MAClB5V,MACEyB,GAAQ8O,KAAKtJ,OAAOnH,MACvBgZ,EAAM,GAEE9Y,EAAMuQ,KAAKwI,oBAAoBxI,KAAK0H,iBAAiBnY,OAC1DmB,MAAMtF,KAAOkK,EAAmBpE,EAAO,OACxCuX,GAAQpgB,EAAU2X,KAAKyE,KACvBpW,EAAIgX,EAAEqD,MAAQD,EAAM5f,KAAO,GAC3BsD,EAAIkZ,EAAEsD,MAAQF,EAAMhgB,IAAM,GAC1ByX,GAASF,KAAKyG,kBAAoBzG,KAAKyG,iBAAiB1b,OAAS,EAClEiV,KAAKyG,iBAAiBlX,GAAKyQ,KAAK1C,OAAO/N,IAAM,KAC5CqZ,GAAqC,IAA1B5I,KAAKoC,MAAM4D,YAAYzW,GAAOyQ,KAAKiH,aAAavc,QAAQ,QAClE8Y,IAAIqF,WAAWxa,EAAGlC,EAAG+T,EAAO0I,EAAU,UACtCpF,IAAIsF,kBAECrZ,EAAK,2BACV+T,IAAIvD,aACJvP,MAAMtF,KAAO8F,qCAIVmU,OAIL,GAHErb,GAASqb,EAAErb,OACb+e,EAAY/I,KAAKgJ,oBACjBC,EAAajJ,KAAKkJ,eACd3Z,EAAI,EAAGA,EAAIyQ,KAAKmH,OAAOpc,OAAQwE,OACnCvF,IAAWgW,KAAKmH,OAAO5X,GAAG,MACvB4Z,WAAWF,EAAWF,GAAU,QAChCG,eAAiBlf,OACjBgf,oBAAsBzZ,OACtB4Z,WAAWnf,EAAOuF,GAAE,EAAK8V,oDAM3B8D,WAAWnJ,KAAKkJ,eAAelJ,KAAKgJ,qBAAoB,iDA3HzBpD,ICFjBwD,0BACR/X,EAAQ+B,8EACb/B,EAAQ+B,MAETnJ,KAAO,YAEPof,OAASjW,EAAQiW,QAAU,KAC3BC,UAAYlW,EAAQkW,WAAa,KACjC5W,KAAOU,EAAQV,WACf6W,iBAAmBnW,EAAQmW,kBAAoB,IAC/CC,YAAcpW,EAAQoW,aAAe,MAEtCC,GAAQ,GAAI3Q,QACXhO,MAAQsI,EAAQtI,OAASgP,EAAQ2P,EAAO,QAEzCC,IAAiBtW,EAAQsW,mBAAqB/a,MAAM,EAAG,YACtD+a,cAAgBjH,EAAKkH,gBAAgBD,GACvCA,GACC,UAAW,UAAW,UAAW,UAAW,aAI3CE,kBAAoB,IAEpBC,WAAa,IACbjK,qEAGUlJ,MACZA,EAAO3L,OAAS,EAAG,MAAO,MAEzB+e,GAAQ,WACL9F,QAAQ,SAASzY,GACnByK,EAAazK,OACR,UACAwe,KAAK,IAAMxe,EAAS,6BAE3ByU,MAEI8J,qIAKFL,MAAQ,GAAI3Q,MAEbkH,KAAKlV,aACHA,MAAQ,GAAIgO,WACZhO,MAAMkf,YAAahK,KAAKlV,MAAM0O,cAAgB,SAE/CyQ,iBAAmB,GAAInR,MAAKkH,KAAKlV,MAAMof,qBACvCC,gBAAkB,GAAIrR,MAAKkH,KAAKyJ,MAAMS,gBACL,IAAnClK,KAAKiK,iBAAiBG,YAChBpK,KAAKiK,kBAAoB,EAAKjK,KAAKiK,iBAAiBG,UAExB,IAAlCpK,KAAKmK,gBAAgBC,YACfpK,KAAKmK,iBAAmB,EAAKnK,KAAKmK,gBAAgBC,eAEtDC,WAAa5Q,EAAgBuG,KAAKiK,iBAAmB,GAAIjK,KAAKmK,gBAAkB,IAAM,2CAItF5F,UAAoC,IAAvBvE,KAAKqK,WAAa,GAEjCrK,KAAKuJ,wBACFhF,WAAc,gJAMf+F,iBAAmB7Y,EAAauO,KAAKkE,SACzC,uCAEIqG,WAAa9Y,EAAauO,KAAKkE,SACnC,4EAcGsG,EAAc5L,OAAOnO,KAAKuP,KAAKtN,MAAMpD,IAAI,kBAAOiR,GAAK7N,KAAKE,UACzDqK,aAAeJ,GAAiB2N,EAAaxK,KAAK4J,wBAElDa,aAAe,UAAW,WAAY,QAAS,QAAS,MAAO,OACnE,OAAQ,SAAU,YAAa,UAAW,WAAY,kDAKlDC,8BAA8B1K,KAAKqK,kEAGXM,QAExBL,iBAAiBM,YAAc,QAC/BL,WAAWK,YAAc,MAE1BC,GAAsB,GAAI/R,MAAKkH,KAAKiK,uBACnCa,SAAW,OACXC,cAAgBF,EAAoBtR,gBAEpCyR,QAAUhL,KAAK+K,cAAgB,SAC/BE,eAAkBjL,KAAKkL,2BACvBD,YAAYjL,KAAK+K,eAAiB,OAClCG,mBAAmBvb,KAAK,QAEzB,GAAIJ,GAAI,EAAGA,EAAIob,EAAapb,IAAK,IAChC4b,UAAYC,EAAe,EAC3BC,EAAM,GAAIvS,MAAK+R,KAEU7K,KAAKsL,uBAAuBD,EAAKrL,KAAK8K,uCAC9DP,WAAWla,YAAY8a,QACvBL,UAAY,EAAIlV,SAASoK,KAAKuJ,kBAAoB6B,QAClDH,YAAYjL,KAAK+K,iBACnBK,SACGL,eAAiB/K,KAAK+K,cAAgB,GAAK,QAC3CC,OAAOrb,KAAKqQ,KAAK+K,cAAgB,SACjCE,YAAYjL,KAAK+K,eAAiB,KAEhCF,EAAqB,QAEzBU,qEAGiBC,EAAclX,OAYhC,GAPEmX,GAAazL,KAAKyJ,MAAMiC,UAE1BN,EAAe,EACfO,EAAkB,EAElBR,EAAa1Z,EAAauO,KAAKuK,WAAY,cAEvCpe,EAAI,EAAGoD,EAAI,EAAGA,EAXC,EAWmBA,GAR7B,EAQwCpD,GAAMyf,GAA6B,IACnFC,GAAa,EACbC,EAAa,EAEbC,EAAoBP,EAAaE,UAAU,IAC3CM,EAAY9gB,KAAKqP,MAAMwR,EAAqBA,EAAoB,OAAQrhB,QAAQ,EAEjFsV,MAAKtN,KAAKsZ,OACChM,KAAKtN,KAAKsZ,IAGrBhM,KAAKtN,KAAKxH,KAAK+gB,MAAMD,QACVhM,KAAKtN,KAAKxH,KAAK+gB,MAAMD,KAGhCH,MACW1O,GAAiB0O,EAAY7L,KAAK/C,kBAG5C5O,GAAI,GAAiC,IAA3BiG,EAAQqX,GAElBO,eACUhT,EAAYsS,gBACXK,aACFL,EAAapB,UAGtB+B,EAAa3Z,EAAe,MAAOnE,EAAGlC,EArCvB,GAsClB6T,KAAK0J,cAAcoC,GAAaI,KAEtB7b,YAAY8b,MAEnBC,GAAY,GAAItT,MAAK0S,QACjBY,EAAW,GAChBA,EAAUV,UAAYD,EAAY,KAGlCW,GAAU7S,WAAaiS,EAAajS,eACvB,EACZyG,KAAKuJ,qBACW,QAGd2B,mBAAmBvb,KAAK,GAAiC,IAA3B2E,EAAQqX,OAE7BS,SAGRjB,EAAYC,iEAkBfJ,OAAOqB,aACPnB,mBAAmBmB,aACnBrB,OAAOsB,WACPpB,mBAAmBoB,WAEnBpB,mBAAmB5b,IAAI,SAACxE,EAAOyE,MAE/BiE,GAAOX,EAAS,eAAgB/H,EAAM,GAAI,GAD5B4b,EAAK+D,YAAY/D,EAAKsE,OAAOzb,IAAIgd,UAAU,EAAG,MAE3DjC,iBAAiBja,YAAYmD,4DAK7BgZ,UAAU7d,MAAM8d,KACrBtkB,SAASukB,iBAAiB,qBACzBpd,IAAI,cACF8Q,iBAAiB,aAAc,SAACiF,MAC9Bxa,GAAQwa,EAAErb,OAAOkE,aAAa,cAC9Bye,EAAatH,EAAErb,OAAOkE,aAAa,aAAaQ,MAAM,KAEtDke,EAAQtH,EAAKmF,YAAY7U,SAAS+W,EAAW,IAAI,GAAGJ,UAAU,EAAG,GAEjE9D,EAAQnD,EAAKhC,aAAa9a,wBAAyBqkB,EAAQxH,EAAErb,OAAOxB,wBAEpE8F,EAAQsH,SAASyP,EAAErb,OAAOkE,aAAa,UACvCG,EAAIwe,EAAMhkB,KAAO4f,EAAM5f,MAAQyF,EAAM,GAAG,EACxCnC,EAAI0gB,EAAMpkB,IAAMggB,EAAMhgB,KAAO6F,EAAM,GAAG,EACtCkJ,EAAQ3M,EAAQ,IAAMya,EAAKkE,YAC3B/K,EAAO,OAASmO,EAAQ,IAAMD,EAAW,GAAK,KAAOA,EAAW,KAE/DnJ,IAAIqF,WAAWxa,EAAGlC,EAAGsS,EAAMjH,KAAW,KACtCgM,IAAIsF,8CAKLpW,yFACOA,QACR+Q,qBAzP8B/B,IRD/BzC,oCAEJ6N,WAAAA,aAAa,SACbC,eAAAA,aAAiB,KACjBrO,IAAAA,UAEAC,IAAAA,QACAqO,IAAAA,aACAC,IAAAA,gCAEKF,eAAiBA,OACjBrO,UAAYA,OAEZsO,aAAeA,OACfrO,QAAUA,OAEVsO,gBAAkBA,OAElBC,cAEAJ,WAAaA,OACbA,WAAyC,kBAArB9M,MAAK8M,WAC3B9M,KAAK8M,aAAe9M,KAAK8M,gBAEvBhM,qDAGEpO,QACFA,KAAOA,GAAQsN,KAAKrB,wCAGpBtN,QACA8b,MAAQ1b,EAAaJ,EAAQ2O,KAAK8M,WAAY9M,KAAK+M,oDAInD5I,OAAOnE,KAAKtN,WACZ0a,QAAUpN,KAAKtN,oCAGdA,mBACDwa,MAAQlN,KAAKgN,aAAata,QAE1Bya,MAAMvC,YAAc,QACpBsC,MAAMlJ,QAAQ,cACbmJ,MAAM9c,YAAY/H,yCAIlBkc,mEACD1D,aACDmM,YACDzI,OACgBxE,KAAKiN,gBAAgBjN,KAAKtN,OAEtCua,WAILpO,sBAEU,+BACCnM,oBACLA,GAAK2a,UAAU/d,IAAI,SAACgZ,EAAU/Y,SACpChC,GAAM+a,EAAU5V,EAAK4K,OAAO/N,GAAIgR,EAAK7B,UAAUpQ,OAC7C0F,KAAMuM,EAAK7B,UAAU1K,KAAMD,IAAKwM,EAAK7B,UAAU3K,kCAInCuZ,MACXC,GAASD,EAAQD,UACjBG,EAAYF,EAAQhQ,OACpBmQ,EAASzN,KAAKoN,QAAQC,UACtBK,EAAY1N,KAAKoN,QAAQ9P,SAEVlR,EAAqBqhB,EAAQF,iCACvBnhB,EAAqBshB,EAAWF,uCAEpDrJ,kBACOsJ,SACHD,IAGFxN,KAAKkN,MAAM5d,IAAI,SAACoE,EAAMnE,SACrBjC,GACNoG,EAAM6Z,EAAOhe,GAAIke,EAAOle,0BAOf,+BACCmD,oBACLA,GAAK2a,UAAU/d,IAAI,SAACgZ,EAAU/Y,SACpCrC,GAAMob,EAAU5V,EAAKib,WAAWpe,GAAImX,EAAKhI,UAAUxS,QACjD8H,KAAM0S,EAAKhI,UAAU1K,KAAMD,IAAK2S,EAAKhI,UAAU3K,kCAInCuZ,MACXC,GAASD,EAAQD,UACjBG,EAAYF,EAAQK,WACpBF,EAASzN,KAAKoN,QAAQC,UACtBK,EAAY1N,KAAKoN,QAAQO,aAEVvhB,EAAqBqhB,EAAQF,iCACvBnhB,EAAqBshB,EAAWF,uCAEpDrJ,kBACOsJ,aACCD,IAGNxN,KAAKkN,MAAM5d,IAAI,SAACoE,EAAMnE,SACrBtC,GACNyG,EAAM6Z,EAAOhe,GAAIke,EAAOle,6BAOf,kCACCmD,oBACLA,GAAKpD,IAAI,kBACf4E,GAAQ0Z,EAAOtF,SAAUsF,EAAO3a,MAAOqS,EAAK5G,UAAUpQ,OACpDyF,IAAI,QAASC,KAAM,OAAQF,SAAU,uCAGzBwZ,SACWlhB,EAAqB4T,KAAKoN,QAASE,kBAAvDF,gBAEFG,YAAiBje,IAAI,kBAAK7E,GAAE6d,WAC5BkF,EAAYF,EAAQhe,IAAI,kBAAK7E,GAAEwI,QAE/Bwa,EAASzN,KAAKoN,QAAQ9d,IAAI,kBAAK7E,GAAE6d,UACrBtI,MAAKoN,QAAQ9d,IAAI,kBAAK7E,GAAEwI,oBAEnCkR,OAAOsJ,EAAOne,IAAI,SAACyE,EAAKxE,mBAEjBke,EAAOle,SACVie,EAAUje,OAIZyQ,KAAKkN,MAAM5d,IAAI,SAACoE,EAAMnE,SACrBjC,GACNoG,EAAM6Z,EAAOhe,GAAIke,EAAOle,6BAOf,kCACCmD,oBACLA,GAAKpD,IAAI,kBACf8E,GAAQxE,EAAO9E,MAAO8E,EAAOkO,IAAK+P,EAAKnP,UAAUpQ,MAChDsB,EAAOqD,mCAGMqa,SACWlhB,EAAqB4T,KAAKoN,QAASE,kBAAvDF,gBAEFG,YAAiBje,IAAI,kBAAK7E,GAAEqT,MAC5B0P,EAAYF,EAAQhe,IAAI,kBAAK7E,GAAEwI,QAC/B6a,EAAYR,EAAQhe,IAAI,kBAAK7E,GAAEK,QAE/B2iB,EAASzN,KAAKoN,QAAQ9d,IAAI,kBAAK7E,GAAEqT,MAEjCiQ,GADY/N,KAAKoN,QAAQ9d,IAAI,kBAAK7E,GAAEwI,QACxB+M,KAAKoN,QAAQ9d,IAAI,kBAAK7E,GAAEK,cAEnCqZ,OAAOsJ,EAAOne,IAAI,SAACyE,EAAKxE,gBAEpBwe,EAAUxe,OACZke,EAAOle,SACLie,EAAUje,UAIf0d,kBAECC,MAAM5d,IAAI,SAAC3B,EAAW4B,KACR0d,EAAgB5hB,OAAOqC,EACxCC,EAAWmgB,EAAUve,GAAIge,EAAOhe,GAAIke,EAAOle,OAItC0d,yBAKI,iBAAoB,sCAAwCjN,KAAKtB,UAAUpK,6BAC1E5B,MACRuR,GAAIjE,KAAKtB,sBACRsP,SAAW,WACXC,MAAQvb,EAAKwb,WAAW5e,IAAI,SAACnD,EAAG7B,SAC7B+J,GACN3B,EAAKyb,WAAW7jB,GAChB6B,EACAuG,EAAK0b,SACLnK,EAAE/S,MACFwB,EAAK4K,OAAOhT,GACZA,EACAoI,EAAK2b,QAAQ/jB,aAEFoI,EAAKzG,mBACJyG,EAAK4b,oBACLrK,EAAEzP,cAITwL,KAAKiO,gCAEGX,MACXrJ,GAAIjE,KAAKtB,UAET6P,EAAUjB,EAAQa,WAClBK,EAAUlB,EAAQY,WAClBO,EAAanB,EAAQe,QACrBb,EAAYF,EAAQhQ,OAEpBoR,EAAU1O,KAAKoN,QAAQe,WACvBQ,EAAU3O,KAAKoN,QAAQc,WACvBU,EAAa5O,KAAKoN,QAAQiB,QAC1BX,EAAY1N,KAAKoN,QAAQ9P,SAERlR,EAAqBsiB,EAASH,iCAC9BniB,EAAqBuiB,EAASH,iCACxBpiB,EAAqBwiB,EAAYH,iCACnCriB,EAAqBshB,EAAWF,gCAEpDrJ,mBACQuK,aACAC,UACHC,SACDpB,WAEExN,KAAKoN,QAAQnhB,mBACZ+T,KAAKoN,QAAQkB,mBACdtO,KAAKoN,QAAQgB,cAGpBnB,kBAECC,MAAM5d,IAAI,SAAClB,EAAKmB,KACF0d,EAAgB5hB,OAAO8C,EACxCC,EAAKmgB,EAAQhf,GAAIif,EAAQjf,GAAI+d,EAAQc,SAAUK,EAAWlf,GAAI0U,EAAE3P,OAC9DrI,SAAUqhB,EAAQrhB,cAIfghB,0BAKI,iBAAoB,sCAAwCjN,KAAKtB,UAAUpK,6BAC1E5B,MACRuR,GAAIjE,KAAKtB,sBACRsP,SAAW,WACX/e,SACDgV,EAAE4K,gBACA5f,MAAQ0F,EACZjC,EAAKyb,WACLzb,EAAKwb,WACLjK,EAAE/S,gBAES+S,EAAElP,oBACAkP,EAAE/O,qBAGL+O,EAAEhP,iBACDvC,EAAKzG,iBAKbgiB,SACDhK,EAAE6K,gBACAb,MAAQvb,EAAKwb,WAAW5e,IAAI,SAACnD,EAAG7B,SAC7BoK,GACNhC,EAAKyb,WAAW7jB,GAChB6B,EACAuG,EAAK/G,OACLsY,EAAE/S,MACD+S,EAAE8K,iBAAmBrc,EAAKgJ,OAAOpR,GAAK,GACvCA,MAKIsU,OAAOlD,OAAOsE,KAAK/Q,OAAO5D,OAAO2U,KAAKiO,iCAE9BX,MAGXiB,GAAUjB,EAAQa,WAClBK,EAAUlB,EAAQY,WAClBc,EAAY1B,EAAQ5R,OAGpBgT,EAAU1O,KAAKoN,QAAQe,WACvBQ,EAAU3O,KAAKoN,QAAQc,WACvBjX,EAAY+I,KAAKoN,QAAQ1R,SAERtP,EAAqBsiB,EAASH,iCAC9BniB,EAAqBuiB,EAASH,iCAC1BpiB,EAAqB6K,EAAW+X,gCAEpD7K,mBACQuK,aACAC,SACJK,WAEEhP,KAAKoN,QAAQnhB,gBACf+T,KAAKoN,QAAQzhB,YAGlBshB,YAEDrO,QAAOnO,KAAKuP,KAAK/Q,OAAOlE,WACRkiB,EAAgB5hB,OAAO2D,EACxCgR,KAAK/Q,MAAOsf,EAASC,EAASlB,EAAQrhB,YAGrC+T,KAAKiO,MAAMljB,aACRkjB,MAAM3e,IAAI,SAACT,EAAKU,KACF0d,EAAgB5hB,OAAOuD,EACxCC,EAAK0f,EAAQhf,GAAIif,EAAQjf,OAIrB0d,KS1UW9N,0BACR9N,EAAQsB,8EACbtB,EAAQsB,aAETsc,WAAatc,EAAKsc,iBAClBC,YAAcvc,EAAKuc,kBAEnBjlB,KAAO0I,EAAK1I,MAAQ,SAEpB2V,+DAGIjN,+FAGJwc,YAAcxc,EAAKwc,kBACnBC,eAAiBzc,EAAKyc,wBAEtBrQ,OAAOsQ,UAAY1c,EAAKwc,YAAYE,WAAa,YACjDtQ,OAAOuQ,UAAY3c,EAAKwc,YAAYG,WAAa,YACjDvQ,OAAOwQ,UAAY5c,EAAKwc,YAAYI,WAAa,OAEjDxQ,OAAOyQ,eAAiB7c,EAAKyc,eAAeI,oBAC5CzQ,OAAO0Q,eAAiB9c,EAAKyc,eAAeK,oBAE5C1Q,OAAOgQ,iBAAmBpc,EAAKoc,sJAK/BjM,WNpCsB,QMqCtBC,YNrCsB,+CMyCpB1F,2DADS2C,KAAKtN,KACCsN,KAAK/V,uDAIpB8T,2DADciC,KAAKtN,wCAItBgR,gEACCgM,iBACFhM,QACEiM,oBAAoB3P,KAAK4P,gBAA+B,SAAd5P,KAAK/V,kDAIhD8b,GAAI/F,KAAKoC,MACT9E,EAAS0C,KAAKtN,KAAK4K,SACrBC,cAAgBD,EAAOvS,SAEvB8kB,UAAY7P,KAAK1R,MAAOyX,EAAExI,gBAE1BuS,QAAU/J,EAAE8J,UAAU,IAMtBE,cACOzS,YACGA,EAAOhO,IAAI,SAAC7E,EAAG8E,SACzB/E,GAASub,EAAE+J,QAAUvgB,EAAIwW,EAAE8J,0DAKVG,MACb5T,GAAOX,GAAmBuU,yDADa,SAEvCpT,EAAkBoD,KAAK9T,OAASuQ,GAAcL,GAC9C6T,EAAiB3T,GAAgBF,GAAQQ,EACzC3Q,EAAW+T,KAAK9T,OAAUiQ,GAAaC,GAAQ6T,OAEhD7N,MAAMzF,cACFP,YACGA,EAAK9M,IAAI,kBAAKrD,GAAWxB,EAAImS,oBACvBA,WACP3Q,GAIX+T,KAAKkQ,yBACAC,qBACAC,8DAIDrK,GAAI/F,KAAKoC,MACTiO,EAAW,kBAAU3U,GAAOpM,IAAI,kBAAOoN,IAAMtM,EAAK2V,EAAEpJ,YAEtDa,SAAWwC,KAAKtN,KAAK8K,SAASlO,IAAI,SAAC7E,EAAG8E,MACnCmM,GAASjR,EAAEiR,OACX4U,EAAe7lB,EAAE6lB,6BAEd7lB,EAAEgU,WACDlP,YACI9E,EAAEkT,iBAELjC,aACI2U,EAAS3U,gBAEP4U,iBACED,EAASC,iDAMvBvK,GAAI/F,KAAKoC,SACVpC,KAAKiP,WAAWsB,sBAChBC,UAAYzK,EAAEvI,SAASuI,EAAEvI,SAASzS,OAAS,GAAG0lB,kBAG/CD,UAAY,GAAIvlB,OAAM8a,EAAExI,eAAenS,KAAK,QAC5CoS,SAASlO,IAAI,SAAC7E,EAAG8E,KAChB2e,WAAW5e,IAAI,SAACyE,EAAKzJ,GACnByJ,EAAMgS,EAAEyK,UAAUlmB,OAClBkmB,UAAUlmB,GAAKyJ,iDAOhBgS,GAAI/F,KAAKoC,KACVpC,MAAKtN,KAAKwL,gBACPkE,MAAMlE,SAAW8B,KAAKtN,KAAKwL,SAAS5O,IAAI,qBAC1CgZ,SAAW5L,GAAMjS,EAAE+M,MAAOuO,EAAEpJ,OAC1BlS,EAAEwI,MAAMoD,SAAS,SAClBpD,OAAS,KAAOxI,EAAE+M,OAEd/M,KAGNuV,KAAKtN,KAAKmL,gBACPuE,MAAMvE,SAAWmC,KAAKtN,KAAKmL,SAASvO,IAAI,qBAC1CxE,MAAQ4R,GAAMjS,EAAEK,MAAOib,EAAEpJ,SACzBmB,IAAMpB,GAAMjS,EAAEqT,IAAKiI,EAAEpJ,OAChBlS,0DAOLmI,EAAM,YAEPoN,KAAKiP,WAAWsB,QAAS,GACrB,kBACFG,GAAa,GAAIzlB,OAAM+U,KAAKoC,MAAM7E,eAAenS,KAAK,QACrDsH,KAAK8K,SAASlO,IAAI,SAAC7E,EAAG8E,MACtBmM,GAAS6E,EAAK7N,KAAK8K,SAASjO,GAAGmM,SACjC9I,GAAO8d,EAAaA,EAAWphB,IAAI,SAAC2U,EAAG1U,SAAM0U,GAAIvI,EAAOnM,oBAIlDlE,kBAAU2U,KAAKtN,KAAK8K,SAASlO,IAAI,kBAAK7E,GAAEmI,4DAK9CiM,IAEF,cAEOmB,KAAKjB,OAAOuQ,gBACXtP,KAAK1R,OAGb,iBACQ0R,MAAKoC,MAAMzF,OACjBqI,KAAKhF,QAIP,cAEOA,KAAKjB,OAAOsQ,iBACVrP,KAAK9T,QAGd,cACK6Z,GAAI/F,KAAKoC,eACX2N,MAAMpC,WAAaxP,GAAmB6B,KAAK1R,MAC5CyX,EAAEgK,MAAMzS,OAAQ0C,KAAKjB,OAAOwQ,WAEtBxJ,EAAEgK,OACR/K,KAAKhF,QAIP,kBAEQA,KAAK1R,UACP,SAEN,iBACQ0R,MAAKoC,MAAMvE,UACjBmH,KAAKhF,QAIL2Q,EAAc3Q,KAAKoC,MAAM5E,SAASJ,OAAO,kBAAqB,QAAhB3S,EAAEkT,YAChDiT,EAAe5Q,KAAKoC,MAAM5E,SAASJ,OAAO,kBAAqB,SAAhB3S,EAAEkT,YAIjDkT,EAAcF,EAAYrhB,IAAI,eAC7BgF,GAAQ7J,EAAE6J,aAEb,YAAmB7J,EAAE6J,aAEbA,QACAoS,EAAKhQ,OAAOpC,WACVoS,EAAKuI,WAAWsB,yBAGP7J,EAAK3H,OAAOgQ,2BNxNG,IMyNtBrI,EAAKxa,QAEjB,cACK6Z,GAAI/F,KAAKoC,MACT3X,EAAIsb,EAAEvI,SAASlJ,GACfic,EAAUvQ,KAAKiP,WAAWsB,QAE1BO,EAAa9Q,KAAKiP,WAAW6B,YNjOD,GMkO5BxC,EAAYvI,EAAE8J,WAAa,EAAIiB,GAC/B1C,EAAWE,GAAWiC,EAAU,EAAII,EAAY5lB,QAEhDojB,EAAapI,EAAEgK,MAAM1C,UAAU/d,IAAI,kBAAKjB,GAAIigB,EAAU,GACtDiC,OACUpC,EAAW7e,IAAI,kBAAKyhB,GAAI3C,EAAW9Z,QAG7CgJ,GAAS,GAAIrS,OAAM8a,EAAExI,eAAenS,KAAK,GAC1C4U,MAAK+O,qBACJwB,GAAW9lB,EAAE6J,QAAUyR,EAAEvI,SAASzS,OAAS,EACpCN,EAAE6lB,aAEF7lB,EAAEiR,WAIT2S,GAAU,GAAIpjB,OAAM8a,EAAExI,eAAenS,KAAK,SAC3CmlB,OACQ9lB,EAAEyjB,WAAW5e,IAAI,SAACnD,EAAG7B,SAAM6B,GAAI1B,EAAEgmB,eAAenmB,kBAI9C6jB,aACA1jB,EAAEyjB,mBACLG,SAED/Q,WAEEyI,EAAEpJ,MAAM1Q,mBACPqiB,WACDF,IAEVpJ,WAIAgM,EAAcJ,EAAathB,IAAI,eAC9BgF,GAAQ7J,EAAE6J,aAEb,aAAoB7J,EAAE6J,aAEdA,QACAoS,EAAKhQ,OAAOpC,WACVoS,EAAKzR,iBACJyR,EAAKwI,YAAYna,oBACf2R,EAAKwI,YAAYha,oBACnBwR,EAAKwI,YAAYJ,kBACjBpI,EAAKwI,YAAYL,0BAGTnI,EAAK3H,OAAOgQ,kBAE/B,cACKhJ,GAAI/F,KAAKoC,MACT3X,EAAIsb,EAAEvI,SAASlJ,qBAGNyR,EAAEgK,MAAM1C,qBACR5iB,EAAEyjB,kBAENzjB,EAAEiR,gBAEAqK,EAAEpJ,MAAM1Q,gBACV+T,KAAKkP,YAAY+B,SN/RI,IMiS7BjM,WAIAkM,IAEF,kBAEQlR,KAAK1R,UACP,SAEN,iBACQ0R,MAAKoC,MAAMlE,UACjB8G,KAAKhF,UAIUnB,EAAiBxT,OAAOwlB,EAAaG,EAAaE,MAEjEC,IAAa,WAAY,iBACxBC,2BAEAhO,WAAa,GAAIC,KAAIxE,EACxBzB,OAAO,mBAAS+T,EAAU9a,SAAS1D,EAAK,KAAO+T,EAAKtE,MAAMzP,EAAK,MAC/DrD,IAAI,eACA+hB,GAAY7S,mBAAgB7L,WAC7BA,EAAK,GAAG0D,SAAS,cAAgB1D,EAAK,GAAG0D,SAAS,gBAC/C+a,mBAAmBzhB,KAAK0hB,IAEtB1e,EAAK,GAAI0e,4DAMd/N,aAAalD,iBAAiB,YAAa,SAACiF,MAC5CnV,GAAI7H,EAAUid,EAAKhC,cACnBgO,EAAOjM,EAAEqD,MAAQxY,EAAErH,KAAOyc,EAAKxC,UACxBuC,GAAEsD,MAAQzY,EAAEzH,IAAM6c,EAAKzC,WAExByC,EAAKpZ,OAA2B,EAAlBoZ,EAAKzC,aACvB0O,oBAAoBD,KAEpB9N,IAAIvD,yDAKQqR,cACfvL,EAAI/F,KAAKoC,SACT2D,EAAEyK,cAEFgB,GAASzL,EAAEgK,MAAMzS,MAClB0C,MAAKwP,gBAAkBxP,KAAKwP,eAAegC,EAAO,QAC3CA,EAAOliB,IAAI,kBAAGue,GAAK2B,eAAe/kB,UAKxC,GAFAgnB,GAAUzR,KAAKyP,gBAAkBzP,KAAKyP,eAAezP,KAAK7T,EAAE,GAAGuP,OAAO,IAElEnM,EAAEwW,EAAExI,cAAgB,EAAGhO,GAAK,EAAIA,IAAK,IACxCmiB,GAAO3L,EAAEgK,MAAM1C,UAAU9d,MAE1B+hB,EAAOI,EAAO3L,EAAE8J,UAAU,EAAG,IAC3BxhB,GAAIqjB,EAAO1R,KAAK8C,WAChB3W,EAAI4Z,EAAEyK,UAAUjhB,GAAKyQ,KAAK6C,WAE1BnH,EAASsE,KAAKtN,KAAK8K,SAASlO,IAAI,SAACgR,EAAKhW,gBAEjCgW,EAAIJ,YACJuR,EAAU5D,EAAK4B,eAAenP,EAAI5E,OAAOnM,IAAM+Q,EAAI5E,OAAOnM,SAC1Dse,EAAKnX,OAAOpM,WAIhBkZ,IAAIqF,WAAWxa,EAAGlC,EAAGqlB,EAAOjiB,GAAI,GAAImM,QACpC8H,IAAIsF,oEAOR9I,MAAK2R,oBACFA,cAAc3N,QAAQ,eACtB9T,GAAI4F,EAAEoL,UACR3Q,WAAWkI,YAAYvI,UAItByhB,cAAgB3R,KAAKoR,mBAAmB9hB,IAAI,wBAEzC2U,EAAE+J,qBACCrX,SACFsN,EAAEgK,aAIoBtX,KAA5BqJ,KAAKoC,MAAMwP,oBACRxP,MAAMwP,aAAe5R,KAAKoC,MAAM7E,cAAgB,QAIjDoU,cAAcriB,IAAI,eAClBuiB,GAAcpnB,EAAEwjB,MAAM6D,EAAK1P,MAAMwP,gBACnC1Q,QAAUF,GAAYvW,EAAER,MAAM4nB,KAC3B3N,SAAS7T,YAAY5F,EAAEyW,yDAM1BlB,KAAK2R,oBACFA,cAAc3N,QAAQ,eACtB9T,GAAI4F,EAAEoL,UACR3Q,WAAWkI,YAAYvI,2DAOtBmB,OAAO+O,iBAAiB,cAAe,SAACiF,KACvClE,oDAIG4Q,4DAUJJ,cAAcriB,IAAI,eAClBuiB,GAAcpnB,EAAEwjB,MAAM+D,EAAK5P,MAAMwP,iBACvBnnB,EAAER,MAAM4nB,EAAapnB,EAAEyW,sDAKjC+Q,oBAAoBjS,KAAKoC,MAAMwP,aAAe,+CAI9CK,oBAAoBjS,KAAKoC,MAAMwP,aAAe,8GAGjC5R,KAAKoC,MAAMwP,0DAcVtd,MACfyR,GAAI/F,KAAKoC,SACLxM,SAAStB,IACN,IAAGA,EAAQ,GACnBA,GAASyR,EAAEgK,MAAMzS,OAAOvS,SAAQuJ,EAAQyR,EAAEgK,MAAMzS,OAAOvS,OAAS,GAChEuJ,IAAUyR,EAAE6L,iBACbA,aAAetd,IACZ0L,KAAK3O,OAAQ,cAAe2O,KAAKkS,sDAK1Bjf,EAAOkf,MAAe7d,0DAAM0L,KAAKoC,MAAM7E,0GAChCtK,EAAOkf,EAAe7d,QAEpC5B,KAAK4K,OAAO8U,OAAO9d,EAAO,EAAGrB,QAC7BP,KAAK8K,SAASlO,IAAI,SAAC7E,EAAG8E,KACxBmM,OAAO0W,OAAO9d,EAAO,EAAG6d,EAAc5iB,WAGpC6U,OAAOpE,KAAKtN,mDAGF4B,0DAAQ0L,KAAKoC,MAAM7E,cAAc,iGAC1BjJ,QACjB5B,KAAK4K,OAAO8U,OAAO9d,EAAO,QAC1B5B,KAAK8K,SAASlO,IAAI,cACpBoM,OAAO0W,OAAO9d,EAAO,UAEnB8P,OAAOpE,KAAKtN,4CAMJyf,MAAe7d,0DAAM,OAC7B5B,KAAK8K,SAASlJ,GAAOoH,OAASyW,OAC9B/N,OAAOpE,KAAKtN,aA/eoBgP,IRFjCtC,eAEOuH,WACHyC,OACJhC,IAuBexQ,GACpB,WAAYvF,EAAQ+B,qBACZ8L,GAAe9L,EAAQnJ,KAAMoH,EAAQ+B"}
\ No newline at end of file
+{"version":3,"file":"frappe-charts.min.iife.js","sources":["../src/js/utils/dom.js","../src/js/utils/helpers.js","../src/js/utils/draw-utils.js","../src/js/utils/animate.js","../src/js/utils/draw.js","../src/js/utils/colors.js","../src/js/config.js","../src/js/utils/animation.js","../src/js/utils/date-utils.js","../src/js/utils/intervals.js","../src/js/utils/axis-chart-utils.js","../src/js/objects/ChartComponents.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, value) {\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\textra_count=array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extra_count > 0) {\n\t\tarray1 = fillArray(array1, extra_count);\n\t} else {\n\t\tarray2 = fillArray(array2, extra_count);\n\t}\n\treturn [array1, array2];\n}\n","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, index=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\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from './animate';\nimport { DOT_OVERLAY_SIZE_INCR } from './constants';\n\nconst AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst BASE_BG_COLOR = '#F7FAFC';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(parent, className, transform='') {\n\treturn createSVG('g', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\ttransform: transform\n\t});\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none') {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill\n\t\t}\n\t});\n}\n\nexport function 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) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH\n\t\tx2 = width;\n\t}\n\n\tlet offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t//                        \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t   \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport 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\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\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, meta={}) {\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\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\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\toverlay.setAttribute('r', radius + DOT_OVERLAY_SIZE_INCR);\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\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.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\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.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t}\n}\n\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nexport const DEFAULT_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import Chart from './chart';\n\nconst ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nconst COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tscatter: ['line', 'bar', 'percentage', 'pie'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\n// Needs structure as per only labels/datasets\nconst COLOR_COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter'],\n\tline: ['scatter', 'bar'],\n\tpie: ['percentage'],\n\tscatter: ['line', 'bar'],\n\tpercentage: ['pie'],\n\theatmap: []\n};\n\nexport function getDifferentChart(type, current_type, parent, args) {\n\tif(type === current_type) return;\n\n\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t}\n\n\tif(!COMPATIBLE_CHARTS[current_type].includes(type)) {\n\t\tconsole.error(`'${current_type}' chart cannot be converted to a '${type}' chart.`);\n\t}\n\n\t// whether the new chart can use the existing colors\n\tconst useColor = COLOR_COMPATIBLE_CHARTS[current_type].includes(type);\n\n\t// Okay, this is anticlimactic\n\t// this function will need to actually be 'changeChartType(type)'\n\t// that will update only the required elements, but for now ...\n\n\targs.type = type;\n\targs.colors = useColor ? args.colors : undefined;\n\n\treturn new Chart(parent, args);\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","// Playing around with dates\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(dateStr) {\n\tlet result = new Date(dateStr);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getDdMmYyyy(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\t(dd>9 ? '' : '0') + dd,\n\t\t(mm>9 ? '' : '0') + mm,\n\t\tdate.getFullYear()\n\t].join('-');\n}\n\nexport function getWeeksBetween(startDateStr, endDateStr) {\n\treturn Math.ceil(getDaysBetween(startDateStr, endDateStr) / 7);\n}\n\nexport function getDaysBetween(startDateStr, endDateStr) {\n\tlet millisecondsPerDay = 24 * 60 * 60 * 1000;\n\treturn (treatAsUtc(endDateStr) - treatAsUtc(startDateStr)) / millisecondsPerDay;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n\n// export function getMonthName() {}\n","import { 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 { floatTwo, 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, i)=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set 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 { makeSVGGroup } from '../utils/draw';\nimport { xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar, animateDot, animatePath } 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\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\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(region =>\n\t\t\t\tyRegion(region.start, region.end, this.constants.width,\n\t\t\t\t\tregion.label)\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.end);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.start);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.end);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\t\t\tlet oldStarts = this.oldData.map(d => d.start);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstart: oldStarts[i],\n\t\t\t\t\tend: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\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 c = this.constants;\n\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], c.index,\n\t\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 c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\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","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\nexport default class Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.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.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, titleName = '', titleValue = '', listValues = [], titleValueFirst = 0) {\n\t\tthis.titleName = titleName;\n\t\tthis.titleValue = titleValue;\n\t\tthis.listValues = listValues;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.titleValueFirst = titleValueFirst;\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 VERT_SPACE_OUTSIDE_BASE_CHART = 40;\nexport const TRANSLATE_Y_BASE_CHART = 20;\nexport const LEFT_MARGIN_BASE_CHART = 60;\nexport const RIGHT_MARGIN_BASE_CHART = 40;\nexport const Y_AXIS_MARGIN = 60;\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 = 8;\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup } from '../utils/draw';\nimport { getStringWidth } from '../utils/helpers';\nimport { VERT_SPACE_OUTSIDE_BASE_CHART, TRANSLATE_Y_BASE_CHART, LEFT_MARGIN_BASE_CHART,\n\tRIGHT_MARGIN_BASE_CHART, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT } from '../utils/constants';\nimport { getColor, DEFAULT_COLORS } from '../utils/colors';\nimport { getDifferentChart } from '../config';\nimport { runSMILAnimation } from '../utils/animation';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.parent = typeof parent === 'string' ? document.querySelector(parent) : parent;\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.title = options.title || '';\n\t\tthis.subtitle = options.subtitle || '';\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\t\tthis.colors = [];\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\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure(args) {\n\t\tthis.setColors();\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\tsetColors() {\n\t\tlet args = this.rawChartArgs;\n\n\t\t// Needs structure as per only labels/datasets, from config\n\t\tconst list = args.type === 'percentage' || args.type === 'pie'\n\t\t\t? args.data.labels\n\t\t\t: args.data.datasets;\n\n\t\tif(!args.colors || (list && args.colors.length < list.length)) {\n\t\t\tthis.colors = DEFAULT_COLORS;\n\t\t} else {\n\t\t\tthis.colors = args.colors;\n\t\t}\n\n\t\tthis.colors = this.colors.map(color => getColor(color));\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - VERT_SPACE_OUTSIDE_BASE_CHART;\n\t\tthis.translateY = TRANSLATE_Y_BASE_CHART;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = LEFT_MARGIN_BASE_CHART;\n\t\tthis.rightMargin = RIGHT_MARGIN_BASE_CHART;\n\t}\n\n\tvalidate() {\n\t\treturn true;\n\t}\n\n\tsetup() {\n\t\tif(this.validate()) {\n\t\t\tthis._setup();\n\t\t}\n\t}\n\n\t_setup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip();\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\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `<h6 class=\"title\">${this.title}</h6>\n\t\t\t\t<h6 class=\"sub-title uppercase\">${this.subtitle}</h6>\n\t\t\t\t<div class=\"frappe-chart graphics\"></div>\n\t\t\t\t<div class=\"graph-stats-container\"></div>`\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chartWrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.statsWrapper = this.container.querySelector('.graph-stats-container');\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chartWrapper,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(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();}, INIT_CHART_UPDATE_TIMEOUT);\n\t\t}\n\n\t\tthis.renderLegend();\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.chartWrapper, 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\t\tthis.makeOverlay();\n\t\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.chartWrapper.removeChild(this.svg);\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.chartWrapper,\n\t\t\t'chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\t// I WISH !!!\n\t\t// this.svg = makeSVGGroup(\n\t\t// \tsvgContainer,\n\t\t// \t'flipped-coord-system',\n\t\t// \t`translate(0, ${this.baseHeight}) scale(1, -1)`\n\t\t// );\n\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${this.translateY})`\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.chartWrapper)) {\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\tgetDataPoint(index = 0) {}\n\tsetCurrentDataPoint(point) {}\n\n\tupdateDataset(dataset, index) {}\n\taddDataset(dataset, index) {}\n\tremoveDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {}\n\n\tupdateDataPoint(dataPoint, index = 0) {}\n\taddDataPoint(dataPoint, index = 0) {}\n\tremoveDataPoint(index = 0) {}\n\n\tgetDifferentChart(type) {\n\t\treturn getDifferentChart(type, this.type, this.parent, this.rawChartArgs);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\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\trender() { }\n\n\tbindTooltip() { }\n\n\trenderLegend() {\n\t\tlet s = this.state;\n\n\t\tthis.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\tlet x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t? this.formatted_labels : s.labels;\n\t\tthis.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\">${x_values[i]}:</span>\n\t\t\t\t\t${d}\n\t\t\t\t</span>`;\n\t\t\t}\n\t\t});\n\t}\n}\n","import 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.chartWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.chartWrapper.style.marginTop = '45px';\n\n\t\tthis.statsWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.statsWrapper.style.marginBottom = '30px';\n\t\tthis.statsWrapper.style.paddingTop = '0px';\n\n\t\tthis.svg = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chartWrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.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.grand_total = s.sliceTotals.reduce((a, b) => a + b, 0);\n\t\tthis.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.grand_total + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.slices.push(slice);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\n\t\tthis.chartWrapper.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 g_off = getOffset(this.chartWrapper), p_off = getOffset(slice);\n\n\t\t\t\tlet x = p_off.left - g_off.left + slice.offsetWidth/2;\n\t\t\t\tlet y = p_off.top - g_off.top - 6;\n\t\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length>0\n\t\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\t\tlet percent = (s.sliceTotals[i]*100/this.grand_total).toFixed(1);\n\n\t\t\t\tthis.tip.setValues(x, y, title, percent + \"%\");\n\t\t\t\tthis.tip.showTip();\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makePath, 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\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.startAngle = args.startAngle || 0;\n\t\tthis.clockWise = args.clockWise || false;\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\t}\n\tcalc() {\n\t\tsuper.calc();\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\t}\n\n\trender(init) {\n\t\tconst{radius,clockWise} = this;\n\t\tthis.grand_total = this.state.sliceTotals.reduce((a, b) => a + b, 0);\n\t\tconst prevSlicesProperties = this.slicesProperties || [];\n\t\tthis.slices = [];\n\t\tthis.elements_to_animate = [];\n\t\tthis.slicesProperties = [];\n\t\tlet curAngle = 180 - this.startAngle;\n\n\t\tthis.state.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / this.grand_total) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\t\t\tconst prevProperty = init && prevSlicesProperties[i];\n\t\t\tlet curStart,curEnd;\n\t\t\tif(init){\n\t\t\t\tcurStart = prevProperty?prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty? prevProperty.endPosition : startPosition;\n\t\t\t}else{\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);\n\t\t\tlet slice = makePath(curPath, 'pie-path', 'none', this.colors[i]);\n\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\tthis.drawArea.appendChild(slice);\n\n\t\t\tthis.slices.push(slice);\n\t\t\tthis.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: this.grand_total,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\t\t\tif(init){\n\t\t\t\tthis.elements_to_animate.push([slice,\n\t\t\t\t\t{d: makeArcPathStr(startPosition, endPosition, this.center, this.radius, this.clockWise)},\n\t\t\t\t\t650, \"easein\",null,{\n\t\t\t\t\t\td:curPath\n\t\t\t\t\t}]);\n\t\t\t}\n\n\t\t});\n\t\t// if(init){\n\t\t// \trunSMILAnimation(this.chartWrapper, this.svg, this.elements_to_animate);\n\t\t// }\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = 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\n\t\t\ttransform(path, this.calTranslateByAngle(this.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i]*100/this.grand_total).toFixed(1);\n\t\t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t\t\tthis.tip.show_tip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hide_tip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tfor(let i = 0; i < this.slices.length; i++){\n\t\t\tif(target === this.slices[i]){\n\t\t\t\tthis.hoverSlice(prevAcitve,prevIndex,false);\n\t\t\t\tthis.curActiveSlice = target;\n\t\t\t\tthis.curActiveSliceIndex = i;\n\t\t\t\tthis.hoverSlice(target,i,true,e);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n\tbindTooltip() {\n\t\t// this.drawArea.addEventListener('mousemove',this.mouseMove);\n\t\t// this.drawArea.addEventListener('mouseleave',this.mouseLeave);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { makeSVGGroup, makeHeatSquare, makeText } from '../utils/draw';\nimport { addDays, getDdMmYyyy, getWeeksBetween } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { isValidColor } from '../utils/colors';\n\nexport default class Heatmap extends BaseChart {\n\tconstructor(parent, options) {\n\t\tsuper(parent, options);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = options.domain || '';\n\t\tthis.subdomain = options.subdomain || '';\n\t\tthis.data = options.data || {};\n\t\tthis.discrete_domains = options.discrete_domains || 1;\n\t\tthis.count_label = options.count_label || '';\n\n\t\tlet today = new Date();\n\t\tthis.start = options.start || addDays(today, 365);\n\n\t\tlet legend_colors = (options.legend_colors || []).slice(0, 5);\n\t\tthis.legend_colors = this.validate_colors(legend_colors)\n\t\t\t? legend_colors\n\t\t\t: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\t// Fixed 5-color theme,\n\t\t// More colors are difficult to parse visually\n\t\tthis.distribution_size = 5;\n\n\t\tthis.translateX = 0;\n\t\tthis.setup();\n\t}\n\n\tvalidate_colors(colors) {\n\t\tif(colors.length < 5) return 0;\n\n\t\tlet valid = 1;\n\t\tcolors.forEach(function(string) {\n\t\t\tif(!isValidColor(string)) {\n\t\t\t\tvalid = 0;\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t}\n\t\t}, this);\n\n\t\treturn valid;\n\t}\n\n\tconfigure() {\n\t\tsuper.configure();\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.first_week_start = new Date(this.start.toDateString());\n\t\tthis.last_week_start = new Date(this.today.toDateString());\n\t\tif(this.first_week_start.getDay() !== 7) {\n\t\t\taddDays(this.first_week_start, (-1) * this.first_week_start.getDay());\n\t\t}\n\t\tif(this.last_week_start.getDay() !== 7) {\n\t\t\taddDays(this.last_week_start, (-1) * this.last_week_start.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.first_week_start + '', this.last_week_start + '') + 1;\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 3) * 12 ;\n\n\t\tif(this.discrete_domains) {\n\t\t\tthis.baseWidth += (12 * 12);\n\t\t}\n\t}\n\n\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\t// Array.prototype.slice.call(\n\t\t// \tthis.container.querySelectorAll('.graph-stats-container, .sub-title, .title')\n\t\t// ).map(d => {\n\t\t// \td.style.display = 'None';\n\t\t// });\n\t\t// this.chartWrapper.style.marginTop = '0px';\n\t\t// this.chartWrapper.style.paddingTop = '0px';\n\t}\n\n\tcalc() {\n\n\t\tlet data_values = Object.keys(this.data).map(key => this.data[key]);\n\t\tthis.distribution = calcDistribution(data_values, this.distribution_size);\n\n\t\tthis.month_names = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\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 current_week_sunday = new Date(this.first_week_start);\n\t\tthis.week_col = 0;\n\t\tthis.current_month = current_week_sunday.getMonth();\n\n\t\tthis.months = [this.current_month + ''];\n\t\tthis.month_weeks = {}, this.month_start_points = [];\n\t\tthis.month_weeks[this.current_month] = 0;\n\t\tthis.month_start_points.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet data_group, month_change = 0;\n\t\t\tlet day = new Date(current_week_sunday);\n\n\t\t\t[data_group, month_change] = this.get_week_squares_group(day, this.week_col);\n\t\t\tthis.dataGroups.appendChild(data_group);\n\t\t\tthis.week_col += 1 + parseInt(this.discrete_domains && month_change);\n\t\t\tthis.month_weeks[this.current_month]++;\n\t\t\tif(month_change) {\n\t\t\t\tthis.current_month = (this.current_month + 1) % 12;\n\t\t\t\tthis.months.push(this.current_month + '');\n\t\t\t\tthis.month_weeks[this.current_month] = 1;\n\t\t\t}\n\t\t\taddDays(current_week_sunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(current_date, index) {\n\t\tconst no_of_weekdays = 7;\n\t\tconst square_side = 10;\n\t\tconst cell_padding = 2;\n\t\tconst step = 1;\n\t\tconst today_time = this.today.getTime();\n\n\t\tlet month_change = 0;\n\t\tlet week_col_change = 0;\n\n\t\tlet data_group = makeSVGGroup(this.dataGroups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < no_of_weekdays; i += step, y += (square_side + cell_padding)) {\n\t\t\tlet data_value = 0;\n\t\t\tlet colorIndex = 0;\n\n\t\t\tlet current_timestamp = current_date.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(current_timestamp - (current_timestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdata_value = this.data[timestamp];\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdata_value = this.data[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(data_value) {\n\t\t\t\tcolorIndex = getMaxCheckpoint(data_value, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + week_col_change) * 12;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(current_date),\n\t\t\t\t'data-value': data_value,\n\t\t\t\t'data-day': current_date.getDay()\n\t\t\t};\n\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, square_side,\n\t\t\t\tthis.legend_colors[colorIndex], dataAttr);\n\n\t\t\tdata_group.appendChild(heatSquare);\n\n\t\t\tlet next_date = new Date(current_date);\n\t\t\taddDays(next_date, 1);\n\t\t\tif(next_date.getTime() > today_time) break;\n\n\n\t\t\tif(next_date.getMonth() - current_date.getMonth()) {\n\t\t\t\tmonth_change = 1;\n\t\t\t\tif(this.discrete_domains) {\n\t\t\t\t\tweek_col_change = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.month_start_points.push(13 + (index + week_col_change) * 12);\n\t\t\t}\n\t\t\tcurrent_date = next_date;\n\t\t}\n\n\t\treturn [data_group, month_change];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.first_week_start.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.month_start_points.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.month_start_points.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.month_start_points.shift();\n\t\tthis.months.pop();\n\t\tthis.month_start_points.pop();\n\n\t\tthis.month_start_points.map((start, i) => {\n\t\t\tlet month_name =  this.month_names[this.months[i]].substring(0, 3);\n\t\t\tlet text = makeText('y-value-text', start+12, 10, month_name);\n\t\t\tthis.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 date_parts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.month_names[parseInt(date_parts[1])-1].substring(0, 3);\n\n\t\t\t\tlet g_off = this.chartWrapper.getBoundingClientRect(), p_off = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = p_off.left - g_off.left + (width+2)/2;\n\t\t\t\tlet y = p_off.top - g_off.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.count_label;\n\t\t\t\tlet name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];\n\n\t\t\t\tthis.tip.setValues(x, y, name, value, [], 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_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, DEFAULT_AXIS_CHART_TYPE, 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\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure();\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 || 1;\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_MARGIN;\n\t\tthis.rightMargin = Y_AXIS_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, i) => {\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\tif(!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.start = scale(d.start, s.yAxis);\n\t\t\t\td.end = 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\treturn [].concat(...this.data.datasets.map(d => d[key]));\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\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\t// console.log('barDatasets', barDatasets, this.state.datasets);\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.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.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.chartWrapper);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.translateY;\n\n\t\t\tif(relY < this.height + this.translateY * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.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 titles = s.xAxis.labels;\n\t\tif(this.formatTooltipX && this.formatTooltipX(titles[0])) {\n\t\t\ttitles = titles.map(d=>this.formatTooltipX(d));\n\t\t}\n\n\t\tlet formatY = this.formatTooltipY && this.formatTooltipY(this.y[0].values[0]);\n\n\t\tfor(var i=s.datasetLength - 1; i >= 0 ; i--) {\n\t\t\tlet xVal = s.xAxis.positions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxis.positions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.leftMargin;\n\t\t\t\tlet y = s.yExtremes[i] + this.translateY;\n\n\t\t\t\tlet values = this.data.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.title,\n\t\t\t\t\t\tvalue: formatY ? this.formatTooltipY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.setValues(x, y, titles[i], '', values);\n\t\t\t\tthis.tip.showTip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tmakeOverlay() {\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\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t})\n\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\t// on event, update overlay\n\t\tthis.parent.addEventListener('data-select', (e) => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits(units_array) {\n\t\t// units_array.map(unit => {\n\t\t// \tunit.addEventListener('click', () => {\n\t\t// \t\tlet index = unit.getAttribute('data-point-index');\n\t\t// \t\tthis.setCurrentDataPoint(index);\n\t\t// \t});\n\t\t// });\n\t}\n\n\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\t// check for length\n\t\tlet data_point = {\n\t\t\tindex: index\n\t\t};\n\t\t// let y = this.y[0];\n\t\t// ['svg_units', 'yUnitPositions', 'values'].map(key => {\n\t\t// \tlet data_key = key.slice(0, key.length-1);\n\t\t// \tdata_point[data_key] = y[key][index];\n\t\t// });\n\t\t// data_point.label = this.xAxis.labels[index];\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\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\t// console.log(label, datasetValues, this.data.labels);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\t// console.log(this.data);\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// getDataPoint(index = 0) {}\n\t// setCurrentDataPoint(point) {}\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\t// updateDatasets(datasets) {}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\n}\n\n\n// keep a binding at the end of chart\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","extra_count","translate","unit","oldCoord","newCoord","duration","old","join","transform","STD_EASING","translateVertLine","xLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","yLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","x","width","offset","nodeName","UNIT_ANIM_DUR","split","slice","animateDot","dot","cx","cy","animatePath","paths","newXList","newYList","pathComponents","pathStr","map","i","animPath","path","PATH_ANIM_DUR","push","region","regStartPt","regEndPt","animRegion","createSVG","tag","o","createElementNS","val","appendChild","ref","parentNode","insertBefore","keys","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","color","opacity","makeSVGContainer","parent","className","makeSVGDefs","svgContainer","makeSVGGroup","makePath","makeArcPathStr","startPosition","endPosition","center","clockWise","arcStartX","arcStartY","arcEndX","arcEndY","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","size","data","args","key","makeText","content","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","pos","mode","AXIS_TICK_LENGTH","yMarker","labelSvg","yRegion","datasetBar","index","meta","minHeight","group","datasetDot","getPaths","xList","yList","pointsStr","heatline","gradient_id","svgDefs","regionFill","gradient_id_region","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","getDifferentChart","current_type","ALL_CHART_TYPES","includes","error","COMPATIBLE_CHARTS","useColor","COLOR_COMPATIBLE_CHARTS","colors","undefined","Chart","animateSVGElement","props","dur","easingType","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","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","ceil","getDaysBetween","addDays","numberOfDays","setDate","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalize","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","filter","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getComponent","name","constants","getData","Object","componentConfigs","k","config","assign","ChartComponent","getChartByType","AxisChart","chartTypes","create","createElement","SvgTip","titleName","titleValue","listValues","titleValueFirst","setup","makeTooltip","calcPosition","container","this","hideTip","title","dataPointList","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","maxLeft","pointer","pointerOffset","refresh","PI","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","PRESET_COLOR_MAP","DEFAULT_COLORS","BaseChart","rawChartArgs","HTMLElement","Error","subtitle","argHeight","prepareData","prepareFirstData","showLegend","isNavigable","state","overlays","configure","setColors","setMargins","_this","draw","list","baseHeight","translateY","leftMargin","rightMargin","validate","_setup","makeContainer","components","Map","chartWrapper","statsWrapper","tip","bindTooltip","onlyWidthChange","init","calcWidth","calc","makeChartArea","setupComponents","forEach","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","svg","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","point","dataset","dataPoint","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","a","sumOfRemaining","legendTotals","x_values","formatted_labels","_this3","PercentageChart","marginTop","marginBottom","paddingTop","chart","percentageBar","grand_total","reduce","slices","classList","contains","g_off","p_off","percent","setValues","showTip","PieChart","hoverRadio","startAngle","mouseMove","mouseLeave","prevSlicesProperties","slicesProperties","elements_to_animate","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","transition","property","position","flag","calTranslateByAngle","pageX","pageY","set_values","show_tip","hide_tip","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","domain","subdomain","discrete_domains","count_label","today","legend_colors","validate_colors","distribution_size","translateX","valid","warn","setFullYear","first_week_start","toDateString","last_week_start","getDay","no_of_cols","domainLabelGroup","dataGroups","data_values","month_names","renderAllWeeksAndStoreXValues","no_of_weeks","textContent","current_week_sunday","week_col","current_month","months","month_weeks","month_start_points","data_group","month_change","day","get_week_squares_group","render_month_labels","current_date","today_time","getTime","week_col_change","square_side","data_value","colorIndex","current_timestamp","timestamp","round","dataAttr","heatSquare","next_date","shift","pop","substring","prototype","call","querySelectorAll","date_parts","month","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","positions","newData","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","_this5","newStarts","oldStarts","unitType","units","yPositions","xPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","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","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","component","relX","mapTooltipXPosition","titles","formatY","xVal","overlayGuides","currentIndex","currentUnit","_this6","units_array","_this8","setCurrentDataPoint","getDataPoint","datasetValues","splice"],"mappings":"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"}
\ No newline at end of file
diff --git a/docs/assets/js/frappe-charts.min.js b/docs/assets/js/frappe-charts.min.js
index c02bace..29eac35 100644
--- a/docs/assets/js/frappe-charts.min.js
+++ b/docs/assets/js/frappe-charts.min.js
@@ -1,2 +1,2 @@
-var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function i(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 n(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function a(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 s(t){return parseFloat(t.toFixed(2))}function r(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function o(t,e){return(t+"").length*e}function l(t,e){return{x:Math.sin(t*At)*e,y:Math.cos(t*At)*e}}function h(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 c(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=r(t,i):e=r(e,i),[t,e]}function u(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,Mt,"translate",{transform:a}]}function p(t,e,i){return u(t,[i,0],[e,0],Dt)}function d(t,e,i){return u(t,[0,i],[0,e],Dt)}function f(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},Dt,Mt],u(t,[0,n],[0,i],Dt)]}function v(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=h(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),r=bt(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},Ot,Mt],u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],Dt)]:[[t,{width:n,height:o,x:e,y:l},Ot,Mt]]}function g(t,e,i){return"circle"!==t.nodeName?[u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],Dt)]:[[t,{cx:e,cy:i},Ot,Mt]]}function y(t,e,i,n){var a=[],s=i.map(function(t,i){return e[i]+","+t}).join("L"),r=[t.path,{d:"M"+s},Tt,Mt];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},Tt,Mt];a.push(h)}return a}function m(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function b(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)m(a).appendChild(i);else if("around"===n){var s=m(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":dt(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 x(t,e){return b("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function k(t,e,i,n){return b("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function _(t,e,i,n){return b("svg",{className:e,inside:t,width:i,height:n})}function w(t){return b("defs",{inside:t})}function A(t,e){return b("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function O(t){return b("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 T(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 D(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=x(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),k(a,"0%",e,s[0]),k(a,"50%",e,s[1]),k(a,"100%",e,s[2]),n}function P(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]}),b("rect",r)}function M(t,e,i,n){return b("text",{className:t,x:e,y:i,dy:Nt/2+"px","font-size":Nt+"px",innerHTML:n})}function L(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Et);var s=b("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=b("text",{x:0,y:i>n?i+Ct:i-Ct-Nt,dy:Nt+"px","font-size":Nt+"px","text-anchor":"middle",innerHTML:e}),o=b("g",{transform:"translate("+t+", 0)"});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]:{};a.stroke||(a.stroke=Et),a.lineType||(a.lineType="");var s=b("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=b("text",{x:i<n?i-Ct:i+Ct,y:0,dy:Nt/2-2+"px","font-size":Nt+"px","text-anchor":i<n?"end":"start",innerHTML:e+""}),o=b("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 N(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=Et),n.className||(n.className="");var a=-1*Lt,s="span"===n.mode?i+Lt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Lt,s=i),a+=n.offset,s+=n.offset,C(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function E(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=Et),n.className||(n.className="");var a=i+Lt,s="span"===n.mode?-1*Lt:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Lt,s=0),L(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function S(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=b("text",{className:"chart-label",x:i-o(e,5)-Ct,y:0,dy:Nt/-2+"px","font-size":Nt+"px","text-anchor":"start",innerHTML:e+""}),s=C(t,"",0,i,{stroke:n.stroke||Et,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function W(t,e,i,n){var a=t-e,s=b("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:Et,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=b("text",{className:"chart-label",x:i-o(n,4.5)-Ct,y:0,dy:Nt/-2+"px","font-size":Nt+"px","text-anchor":"start",innerHTML:n+""}),l=b("g",{transform:"translate(0, "+e+")"});return l.appendChild(s),l.appendChild(r),l}function z(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=h(e,o.zeroLine),c=bt(l,2),u=c[0],p=c[1],d=b("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":s,x:t,y:p-=r,width:i,height:u||o.minHeight});if(a||a.length){d.setAttribute("y",0),d.setAttribute("x",0);var f=b("text",{className:"data-point-value",x:i/2,y:0,dy:Nt/2*-1+"px","font-size":Nt+"px","text-anchor":"middle",innerHTML:a}),v=b("g",{transform:"translate("+t+", "+p+")"});return v.appendChild(d),v.appendChild(f),v}return d}function j(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=b("circle",{style:"fill: "+n,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(a||a.length){s.setAttribute("cy",0),s.setAttribute("cx",0);var r=b("text",{className:"data-point-value",x:0,y:0,dy:Nt/2*-1-i+"px","font-size":Nt+"px","text-anchor":"middle",innerHTML:a}),o=b("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(s),o.appendChild(r),o}return s}function Y(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=O("M"+s,"line-graph-path",i);if(n.heatline){var o=D(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var h=D(a.svgDefs,i,!0),c="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=O(c,"region-fill","none","url(#"+h+")")}return l}function H(t){return t>255?255:t<0?0:t}function R(t,e){var i=Yt(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=H((a>>16)+e),r=H((a>>8&255)+e),o=H((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function F(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function I(t,e,i,n){if(t!==e){Ht.includes(t)||console.error("'"+t+"' is not a valid chart type."),Rt[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var a=Ft[e].includes(t);return n.type=t,n.colors=a?n.colors:void 0,new Qt(i,n)}}function G(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var h=void 0;h="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var c=s[l]||t.getAttribute(l),u=e[l],p={attributeName:l,from:c,to:u,begin:"0s",dur:i/1e3+"s",values:c+";"+u,keySplines:It[n],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(p.type=a);for(var d in p)h.setAttribute(d,p[d]);r.appendChild(h),a?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[r,o]}function B(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function X(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=G.apply(void 0,xt(t)),l=bt(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=X(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},Pt)}}function U(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function V(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function J(t,e){return Math.ceil(K(t,e)/7)}function K(t,e){return(U(e)-U(t))/864e5}function $(t,e){t.setDate(t.getDate()+e)}function Q(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 Z(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 tt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Q(t),n=bt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=Z(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function et(t){function e(t,e){for(var i=tt(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,xt(t)),a=Math.min.apply(Math,xt(t)),s=[];if(n>=0&&a>=0)Q(n)[1],s=i?tt(n,a):tt(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(Q(n)[1],s=e(n,r)):(Q(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);Q(o)[1],s=(s=i?tt(o,l):tt(o)).reverse().map(function(t){return-1*t})}return s}function it(t){var e=nt(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 nt(t){return t[1]-t[0]}function at(t){return t[t.length-1]-t[0]}function st(t,e){return s(e.zeroLine-t*e.scaleMultiplier)}function rt(t,e){for(var i=Math.max.apply(Math,xt(t)),n=1/(e-1),a=[],s=0;s<e;s++){var r=i*(n*s);a.push(r)}return a}function ot(t,e){return e.filter(function(e){return e<t}).length}function lt(t,e){t.labels=t.labels||[];var i=t.labels.length,n=t.datasets,a=new Array(i).fill(0);return n||(n=[{values:a}]),n.map(function(t,n){if(t.values){var s=t.values;s=(s=s.map(function(t){return isNaN(t)?0:t})).length>i?s.slice(0,i):r(s,i-s.length,0)}else t.values=a;t.chartType||(_t.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 ht(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 ct(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/wt;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 ut(t,e,i){var n=Object.keys(Jt).filter(function(e){return t.includes(e)}),a=Jt[n[0]];return Object.assign(a,{constants:e,getData:i}),new Vt(a)}function pt(){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 Kt(e,i)):"bar"===t?(i.type="bar",new Kt(e,i)):"axis-mixed"===t?(i.type="line",new Kt(e,i)):$t[t]?new $t[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{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var dt="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},ft=(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")}),vt=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}}(),gt=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)},yt=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)},mt=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},bt=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")}}(),xt=function(t){if(Array.isArray(t)){for(var e=0,i=Array(t.length);e<t.length;e++)i[e]=t[e];return i}return Array.from(t)};t.create=function(e,i){var n=document.createElement(e);for(var a in i){var s=i[a];if("inside"===a)t(s).appendChild(n);else if("around"===a){var r=t(s);r.parentNode.insertBefore(n,r),n.appendChild(r)}else"styles"===a?"object"===(void 0===s?"undefined":dt(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 kt=function(){function e(t){var i=t.parent,n=void 0===i?null:i,a=t.colors,s=void 0===a?[]:a;ft(this,e),this.parent=n,this.colors=s,this.title_name="",this.title_value="",this.list_values=[],this.title_value_first=0,this.x=0,this.y=0,this.top=0,this.left=0,this.setup()}return vt(e,[{key:"setup",value:function(){this.make_tooltip()}},{key:"refresh",value:function(){this.fill(),this.calc_position()}},{key:"make_tooltip",value:function(){var e=this;this.container=t.create("div",{inside:this.parent,className:"graph-svg-tip comparison",innerHTML:'<span class="title"></span>\n\t\t\t\t<ul class="data-point-list"></ul>\n\t\t\t\t<div class="svg-pointer"></div>'}),this.hide_tip(),this.title=this.container.querySelector(".title"),this.data_point_list=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){e.hide_tip()})}},{key:"fill",value:function(){var e=this,i=void 0;i=this.title_value_first?"<strong>"+this.title_value+"</strong>"+this.title_name:this.title_name+"<strong>"+this.title_value+"</strong>",this.title.innerHTML=i,this.data_point_list.innerHTML="",this.list_values.map(function(i,n){var a=e.colors[n]||"black",s=t.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:'<strong style="display: block;">'+(0===i.value||i.value?i.value:"")+"</strong>\n\t\t\t\t\t"+(i.title?i.title:"")});e.data_point_list.appendChild(s)})}},{key:"calc_position",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var n="calc(50% + "+(this.left-e)+"px)";i.style.left=n,this.left=e}else i.style.left="50%"}},{key:"set_values",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.title_name=i,this.title_value=n,this.list_values=a,this.x=t,this.y=e,this.title_value_first=s,this.refresh()}},{key:"hide_tip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"show_tip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),e}(),_t=["line","bar"],wt=8,At=Math.PI/180,Ot=350,Tt=350,Dt=Ot,Pt=250,Mt="easein",Lt=6,Ct=4,Nt=10,Et="#dadada",St={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");return i.setAttribute("r",n+4),i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i}},Wt={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)}},zt={"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"},jt=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],Yt=function(t){return zt[t]||t},Ht=["line","scatter","bar","percentage","heatmap","pie"],Rt={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},Ft={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},It={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"},Gt=function(){function e(t,i){if(ft(this,e),this.rawChartArgs=i,this.parent="string"==typeof t?document.querySelector(t):t,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return vt(e,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length<e.length?this.colors=jt:this.colors=t.colors,this.colors=this.colors.map(function(t){return Yt(t)})}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-40,this.translateY=20,this.leftMargin=60,this.rightMargin=40}},{key:"validate",value:function(){return!0}},{key:"setup",value:function(){this.validate()&&this._setup()}},{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.container=t.create("div",{className:"chart-container",innerHTML:'<h6 class="title">'+this.title+'</h6>\n\t\t\t\t<h6 class="sub-title uppercase">'+this.subtitle+'</h6>\n\t\t\t\t<div class="frappe-chart graphics"></div>\n\t\t\t\t<div class="graph-stats-container"></div>'}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new kt({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],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()},700)),this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=n(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.chartWrapper,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.chartWrapper.removeChild(this.svg),this.svg=_(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=w(this.svg),this.drawArea=A(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{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){i(t.chartWrapper)&&(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:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return I(t,this.type,this.parent,this.rawChartArgs)}}]),e}(),Bt=function(e){function i(t,e){return ft(this,i),mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e))}return yt(i,e),vt(i,[{key:"configure",value:function(t){gt(i.prototype.__proto__||Object.getPrototypeOf(i.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"}this.labels=[],a.map(function(i){e.sliceTotals.push(i[0]),t.labels.push(i[1])})}},{key:"render",value:function(){}},{key:"bindTooltip",value:function(){}},{key:"renderLegend",value:function(){var e=this,i=this.state;this.legendTotals=i.sliceTotals.slice(0,this.config.maxLegendPoints);var n=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legendTotals.map(function(i,a){i&&(t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='<span class="indicator">\n\t\t\t\t\t<i style="background: '+e.colors[a]+'"></i>\n\t\t\t\t\t<span class="text-muted">'+n[a]+":</span>\n\t\t\t\t\t"+i+"\n\t\t\t\t</span>")})}}]),i}(Gt),Xt=function(e){function i(t,e){ft(this,i);var n=mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="percentage",n.setup(),n}return yt(i,e),vt(i,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=t.create("div",{className:"div",inside:this.chartWrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=t.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var e=this,i=this.state;this.grand_total=i.sliceTotals.reduce(function(t,e){return t+e},0),this.slices=[],i.sliceTotals.map(function(i,n){var a=t.create("div",{className:"progress-bar",inside:e.percentageBar,styles:{background:e.colors[n],width:100*i/e.grand_total+"%"}});e.slices.push(a)})}},{key:"bindTooltip",value:function(){}}]),i}(Bt),qt=function(t){function i(t,e){ft(this,i);var n=mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="pie",n.hoverRadio=e.hoverRadio||.1,n.startAngle=e.startAngle||0,n.clockWise=e.clockWise||!1,n.setup(),n}return yt(i,t),vt(i,[{key:"configure",value:function(t){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this)}},{key:"calc",value:function(){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"calc",this).call(this),this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y}},{key:"render",value:function(t){var e=this,i=this.radius,n=this.clockWise;this.grand_total=this.state.sliceTotals.reduce(function(t,e){return t+e},0);var a=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var s=180-this.startAngle;this.state.sliceTotals.map(function(r,o){var h=s,c=r/e.grand_total*360,u=n?-c:c,p=s+=u,d=l(h,i),f=l(p,i),v=t&&a[o],g=void 0,y=void 0;t?(g=v?v.startPosition:d,y=v?v.endPosition:d):(g=d,y=f);var m=T(g,y,e.center,e.radius,e.clockWise),b=O(m,"pie-path","none",e.colors[o]);b.style.transition="transform .3s;",e.drawArea.appendChild(b),e.slices.push(b),e.slicesProperties.push({startPosition:d,endPosition:f,value:r,total:e.grand_total,startAngle:h,endAngle:p,angle:u}),t&&e.elements_to_animate.push([b,{d:T(d,f,e.center,e.radius,e.clockWise)},650,"easein",null,{d:m}])})}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=l(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){B(t,this.calTranslateByAngle(this.slicesProperties[i])),t.style.fill=R(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,h=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.labels[i])+": ",c=(100*this.state.sliceTotals[i]/this.grand_total).toFixed(1);this.tip.set_values(o,l,h,c+"%"),this.tip.show_tip()}else B(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=s}}},{key:"mouseMove",value:function(t){for(var e=t.target,i=this.curActiveSliceIndex,n=this.curActiveSlice,a=0;a<this.slices.length;a++)if(e===this.slices[a]){this.hoverSlice(n,i,!1),this.curActiveSlice=e,this.curActiveSliceIndex=a,this.hoverSlice(e,a,!0,t);break}}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}},{key:"bindTooltip",value:function(){}}]),i}(Bt),Ut=function(t){function e(t,i){ft(this,e);var n=mt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));n.type="heatmap",n.domain=i.domain||"",n.subdomain=i.subdomain||"",n.data=i.data||{},n.discrete_domains=i.discrete_domains||1,n.count_label=i.count_label||"";var a=new Date;n.start=i.start||$(a,365);var s=(i.legend_colors||[]).slice(0,5);return n.legend_colors=n.validate_colors(s)?s:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],n.distribution_size=5,n.translateX=0,n.setup(),n}return yt(e,t),vt(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){F(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){gt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&$(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&$(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=J(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){gt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=A(this.drawArea,"domain-label-group chart-label"),this.dataGroups=A(this.drawArea,"data-groups","translate(0, 20)")}},{key:"calc",value:function(){var t=this,e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=rt(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{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.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;i<t;i++){var n=void 0,a=0,s=new Date(e),r=this.get_week_squares_group(s,this.week_col),o=bt(r,2);n=o[0],a=o[1],this.dataGroups.appendChild(n),this.week_col+=1+parseInt(this.discrete_domains&&a),this.month_weeks[this.current_month]++,a&&(this.current_month=(this.current_month+1)%12,this.months.push(this.current_month+""),this.month_weeks[this.current_month]=1),$(e,7)}this.render_month_labels()}},{key:"get_week_squares_group",value:function(t,e){for(var i=this.today.getTime(),n=0,a=0,s=A(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.data[u]&&(l=this.data[u]),this.data[Math.round(u)]&&(l=this.data[Math.round(u)]),l&&(h=ot(l,this.distribution));var p=13+12*(e+a),d={"data-date":V(t),"data-value":l,"data-day":t.getDay()},f=P("day",p,r,10,this.legend_colors[h],d);s.appendChild(f);var v=new Date(t);if($(v,1),v.getTime()>i)break;v.getMonth()-t.getMonth()&&(n=1,this.discrete_domains&&(a=1),this.month_start_points.push(13+12*(e+a))),t=v}return[s,n]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var n=M("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.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=t.month_names[parseInt(n[1])-1].substring(0,3),s=t.chartWrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-s.left+(o+2)/2,h=r.top-s.top-(o+2)/2,c=i+" "+t.count_label,u=" on "+a+" "+n[0]+", "+n[2];t.tip.set_values(l,h,u,c,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){gt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(Gt),Vt=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;ft(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 vt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=A(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}(),Jt={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return N(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=c(n,e),r=bt(s,2);n=r[0],e=r[1];var o=c(a,i),l=bt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return d(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return E(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=c(n,e),r=bt(s,2);n=r[0],e=r[1];var o=c(a,i),l=bt(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return p(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return S(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=c(this.oldData,t),i=bt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),s=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(s.map(function(t,e){return{position:s[e],label:a[e]}})),this.store.map(function(t,e){return d(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return W(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=c(this.oldData,t),i=bt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.end}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(f(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 z(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=this.constants,i=t.xPositions,n=t.yPositions,a=t.offsets,s=t.labels,r=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,h=this.oldData.labels,u=c(r,i),p=bt(u,2);r=p[0],i=p[1];var d=c(o,n),f=bt(d,2);o=f[0],n=f[1];var g=c(l,a),y=bt(g,2);l=y[0],a=y[1];var m=c(h,s),b=bt(m,2);h=b[0],s=b[1],this.render({xPositions:r,yPositions:o,offsets:l,labels:s,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var x=[];return this.store.map(function(s,r){x=x.concat(v(s,i[r],n[r],t.barWidth,a[r],e.index,{zeroLine:t.zeroLine}))}),x}},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=Y(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 j(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=c(a,e),l=bt(o,2);a=l[0],e=l[1];var h=c(s,i),u=bt(h,2);s=u[0],i=u[1];var p=c(r,n),d=bt(p,2);r=d[0],n=d[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(y(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){f=f.concat(g(t,e[n],i[n]))}),f}}},Kt=function(t){function i(t,e){ft(this,i);var n=mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.barOptions=e.barOptions||{},n.lineOptions=e.lineOptions||{},n.type=e.type||"line",n.setup(),n}return yt(i,t),vt(i,[{key:"configure",value:function(t){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this),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||1,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setMargins",this).call(this),this.leftMargin=60,this.rightMargin=60}},{key:"prepareData",value:function(){return lt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return ht(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 s(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=et(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/at(e),n=nt(e)*i,a=this.height-it(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 st(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,i){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=st(e.value,t.yAxis),e.label.includes(":")||(e.label+=": "+e.value),e})),this.data.yRegions&&(this.state.yRegions=this.data.yRegions.map(function(e){return e.start=st(e.start,t.yAxis),e.end=st(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]})})}return(t=[]).concat.apply(t,xt(this.data.datasets.map(function(t){return t[i]})))}},{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=ct(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.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=ut.apply(void 0,xt(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.chartWrapper.addEventListener("mousemove",function(i){var n=e(t.chartWrapper),a=i.pageX-n.left-t.leftMargin;i.pageY-n.top-t.translateY<t.height+2*t.translateY?t.mapTooltipXPosition(a):t.tip.hide_tip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this,i=this.state;if(i.yExtremes){var n=i.xAxis.labels;this.formatTooltipX&&this.formatTooltipX(n[0])&&(n=n.map(function(t){return e.formatTooltipX(t)}));for(var a=this.formatTooltipY&&this.formatTooltipY(this.y[0].values[0]),s=i.datasetLength-1;s>=0;s--){var r=i.xAxis.positions[s];if(t>r-i.unitWidth/2){var o=r+this.leftMargin,l=i.yExtremes[s]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.title,value:a?e.formatTooltipY(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.set_values(o,l,n[s],"",h),this.tip.show_tip();break}}}}},{key:"makeOverlay",value:function(){var t=this;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=St[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(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];Wt[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(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{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,a(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"addDataPoint",this).call(this,t,e,n),this.data.labels.splice(n,0,t),this.data.datasets.map(function(t,i){t.values.splice(n,0,e[i])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{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)}}]),i}(Gt),$t={percentage:Xt,heatmap:Ut,pie:qt},Qt=function t(e,i){return ft(this,t),pt(i.type,e,i)};return Qt}();
+var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function i(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 n(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function a(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 s(t){return parseFloat(t.toFixed(2))}function r(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function o(t,e){return(t+"").length*e}function l(t,e){return{x:Math.sin(t*At)*e,y:Math.cos(t*At)*e}}function h(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 c(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=r(t,i):e=r(e,i),[t,e]}function u(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,Lt,"translate",{transform:a}]}function d(t,e,i){return u(t,[i,0],[e,0],Pt)}function p(t,e,i){return u(t,[0,i],[0,e],Pt)}function f(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},Pt,Lt],u(t,[0,n],[0,i],Pt)]}function v(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=h(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),r=bt(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},Tt,Lt],u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],Pt)]:[[t,{width:n,height:o,x:e,y:l},Tt,Lt]]}function g(t,e,i){return"circle"!==t.nodeName?[u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],Pt)]:[[t,{cx:e,cy:i},Tt,Lt]]}function y(t,e,i,n){var a=[],s=i.map(function(t,i){return e[i]+","+t}).join("L"),r=[t.path,{d:"M"+s},Ot,Lt];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},Ot,Lt];a.push(h)}return a}function m(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function b(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)m(a).appendChild(i);else if("around"===n){var s=m(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":pt(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 x(t,e){return b("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function k(t,e,i,n){return b("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function w(t,e,i,n){return b("svg",{className:e,inside:t,width:i,height:n})}function _(t){return b("defs",{inside:t})}function A(t,e){return b("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function T(t){return b("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 O(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 P(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=x(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),k(a,"0%",e,s[0]),k(a,"50%",e,s[1]),k(a,"100%",e,s[2]),n}function D(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]}),b("rect",r)}function L(t,e,i,n){return b("text",{className:t,x:e,y:i,dy:Nt/2+"px","font-size":Nt+"px",innerHTML:n})}function M(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Et);var s=b("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=b("text",{x:0,y:i>n?i+Ct:i-Ct-Nt,dy:Nt+"px","font-size":Nt+"px","text-anchor":"middle",innerHTML:e}),o=b("g",{transform:"translate("+t+", 0)"});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]:{};a.stroke||(a.stroke=Et),a.lineType||(a.lineType="");var s=b("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=b("text",{x:i<n?i-Ct:i+Ct,y:0,dy:Nt/2-2+"px","font-size":Nt+"px","text-anchor":i<n?"end":"start",innerHTML:e+""}),o=b("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 N(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=Et),n.className||(n.className="");var a=-1*Mt,s="span"===n.mode?i+Mt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Mt,s=i),a+=n.offset,s+=n.offset,C(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function E(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=Et),n.className||(n.className="");var a=i+Mt,s="span"===n.mode?-1*Mt:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Mt,s=0),M(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function W(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=b("text",{className:"chart-label",x:i-o(e,5)-Ct,y:0,dy:Nt/-2+"px","font-size":Nt+"px","text-anchor":"start",innerHTML:e+""}),s=C(t,"",0,i,{stroke:n.stroke||Et,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function S(t,e,i,n){var a=t-e,s=b("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:Et,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=b("text",{className:"chart-label",x:i-o(n,4.5)-Ct,y:0,dy:Nt/-2+"px","font-size":Nt+"px","text-anchor":"start",innerHTML:n+""}),l=b("g",{transform:"translate(0, "+e+")"});return l.appendChild(s),l.appendChild(r),l}function z(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=h(e,o.zeroLine),c=bt(l,2),u=c[0],d=c[1],p=b("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){p.setAttribute("y",0),p.setAttribute("x",0);var f=b("text",{className:"data-point-value",x:i/2,y:0,dy:Nt/2*-1+"px","font-size":Nt+"px","text-anchor":"middle",innerHTML:a}),v=b("g",{transform:"translate("+t+", "+d+")"});return v.appendChild(p),v.appendChild(f),v}return p}function j(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=b("circle",{style:"fill: "+n,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(a||a.length){s.setAttribute("cy",0),s.setAttribute("cx",0);var r=b("text",{className:"data-point-value",x:0,y:0,dy:Nt/2*-1-i+"px","font-size":Nt+"px","text-anchor":"middle",innerHTML:a}),o=b("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(s),o.appendChild(r),o}return s}function Y(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=T("M"+s,"line-graph-path",i);if(n.heatline){var o=P(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var h=P(a.svgDefs,i,!0),c="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=T(c,"region-fill","none","url(#"+h+")")}return l}function F(t){return t>255?255:t<0?0:t}function H(t,e){var i=Yt(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=F((a>>16)+e),r=F((a>>8&255)+e),o=F((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function R(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function I(t,e,i,n){if(t!==e){Ft.includes(t)||console.error("'"+t+"' is not a valid chart type."),Ht[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var a=Rt[e].includes(t);return n.type=t,n.colors=a?n.colors:void 0,new Qt(i,n)}}function G(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:It[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 V(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function B(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=G.apply(void 0,xt(t)),l=bt(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 X(t,e,i){if(0!==i.length){var n=B(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},Dt)}}function q(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function U(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function J(t,e){return Math.ceil(K(t,e)/7)}function K(t,e){return(q(e)-q(t))/864e5}function $(t,e){t.setDate(t.getDate()+e)}function Q(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 Z(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 tt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Q(t),n=bt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=Z(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function et(t){function e(t,e){for(var i=tt(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,xt(t)),a=Math.min.apply(Math,xt(t)),s=[];if(n>=0&&a>=0)Q(n)[1],s=i?tt(n,a):tt(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(Q(n)[1],s=e(n,r)):(Q(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);Q(o)[1],s=(s=i?tt(o,l):tt(o)).reverse().map(function(t){return-1*t})}return s}function it(t){var e=nt(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 nt(t){return t[1]-t[0]}function at(t){return t[t.length-1]-t[0]}function st(t,e){return s(e.zeroLine-t*e.scaleMultiplier)}function rt(t,e){for(var i=Math.max.apply(Math,xt(t)),n=1/(e-1),a=[],s=0;s<e;s++){var r=i*(n*s);a.push(r)}return a}function ot(t,e){return e.filter(function(e){return e<t}).length}function lt(t,e){t.labels=t.labels||[];var i=t.labels.length,n=t.datasets,a=new Array(i).fill(0);return n||(n=[{values:a}]),n.map(function(t,n){if(t.values){var s=t.values;s=(s=s.map(function(t){return isNaN(t)?0:t})).length>i?s.slice(0,i):r(s,i-s.length,0)}else t.values=a;t.chartType||(wt.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 ht(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 ct(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/_t;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 ut(t,e,i){var n=Object.keys(Jt).filter(function(e){return t.includes(e)}),a=Jt[n[0]];return Object.assign(a,{constants:e,getData:i}),new Ut(a)}function dt(){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 Kt(e,i)):"bar"===t?(i.type="bar",new Kt(e,i)):"axis-mixed"===t?(i.type="line",new Kt(e,i)):$t[t]?new $t[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{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var pt="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},ft=(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")}),vt=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}}(),gt=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)},yt=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)},mt=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},bt=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")}}(),xt=function(t){if(Array.isArray(t)){for(var e=0,i=Array(t.length);e<t.length;e++)i[e]=t[e];return i}return Array.from(t)};t.create=function(e,i){var n=document.createElement(e);for(var a in i){var s=i[a];if("inside"===a)t(s).appendChild(n);else if("around"===a){var r=t(s);r.parentNode.insertBefore(n,r),n.appendChild(r)}else"styles"===a?"object"===(void 0===s?"undefined":pt(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 kt=function(){function e(t){var i=t.parent,n=void 0===i?null:i,a=t.colors,s=void 0===a?[]:a;ft(this,e),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 vt(e,[{key:"setup",value:function(){this.makeTooltip()}},{key:"refresh",value:function(){this.fill(),this.calcPosition()}},{key:"makeTooltip",value:function(){var e=this;this.container=t.create("div",{inside:this.parent,className:"graph-svg-tip comparison",innerHTML:'<span class="title"></span>\n\t\t\t\t<ul class="data-point-list"></ul>\n\t\t\t\t<div class="svg-pointer"></div>'}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){e.hideTip()})}},{key:"fill",value:function(){var e=this,i=void 0;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=e.colors[n]||"black",s=t.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:'<strong style="display: block;">'+(0===i.value||i.value?i.value:"")+"</strong>\n\t\t\t\t\t"+(i.title?i.title:"")});e.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]:[],s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.titleName=i,this.titleValue=n,this.listValues=a,this.x=t,this.y=e,this.titleValueFirst=s,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"}}]),e}(),wt=["line","bar"],_t=8,At=Math.PI/180,Tt=350,Ot=350,Pt=Tt,Dt=250,Lt="easein",Mt=6,Ct=4,Nt=10,Et="#dadada",Wt={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");return i.setAttribute("r",n+4),i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i}},St={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)}},zt={"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"},jt=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],Yt=function(t){return zt[t]||t},Ft=["line","scatter","bar","percentage","heatmap","pie"],Ht={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},Rt={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},It={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"},Gt=function(){function e(t,i){if(ft(this,e),this.rawChartArgs=i,this.parent="string"==typeof t?document.querySelector(t):t,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return vt(e,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length<e.length?this.colors=jt:this.colors=t.colors,this.colors=this.colors.map(function(t){return Yt(t)})}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-40,this.translateY=20,this.leftMargin=60,this.rightMargin=40}},{key:"validate",value:function(){return!0}},{key:"setup",value:function(){this.validate()&&this._setup()}},{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.container=t.create("div",{className:"chart-container",innerHTML:'<h6 class="title">'+this.title+'</h6>\n\t\t\t\t<h6 class="sub-title uppercase">'+this.subtitle+'</h6>\n\t\t\t\t<div class="frappe-chart graphics"></div>\n\t\t\t\t<div class="graph-stats-container"></div>'}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new kt({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],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()},700)),this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=n(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?(X(this.chartWrapper,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.chartWrapper.removeChild(this.svg),this.svg=w(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=_(this.svg),this.drawArea=A(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{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){i(t.chartWrapper)&&(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:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return I(t,this.type,this.parent,this.rawChartArgs)}}]),e}(),Vt=function(e){function i(t,e){return ft(this,i),mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e))}return yt(i,e),vt(i,[{key:"configure",value:function(t){gt(i.prototype.__proto__||Object.getPrototypeOf(i.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:"render",value:function(){}},{key:"bindTooltip",value:function(){}},{key:"renderLegend",value:function(){var e=this,i=this.state;this.legendTotals=i.sliceTotals.slice(0,this.config.maxLegendPoints);var n=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:i.labels;this.legendTotals.map(function(i,a){i&&(t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='<span class="indicator">\n\t\t\t\t\t<i style="background: '+e.colors[a]+'"></i>\n\t\t\t\t\t<span class="text-muted">'+n[a]+":</span>\n\t\t\t\t\t"+i+"\n\t\t\t\t</span>")})}}]),i}(Gt),Bt=function(i){function n(t,e){ft(this,n);var i=mt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.type="percentage",i.setup(),i}return yt(n,i),vt(n,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=t.create("div",{className:"div",inside:this.chartWrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=t.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var e=this,i=this.state;this.grand_total=i.sliceTotals.reduce(function(t,e){return t+e},0),this.slices=[],i.sliceTotals.map(function(i,n){var a=t.create("div",{className:"progress-bar","data-index":n,inside:e.percentageBar,styles:{background:e.colors[n],width:100*i/e.grand_total+"%"}});e.slices.push(a)})}},{key:"bindTooltip",value:function(){var t=this,i=this.state;this.chartWrapper.addEventListener("mousemove",function(n){var a=n.target;if(a.classList.contains("progress-bar")){var s=a.getAttribute("data-index"),r=e(t.chartWrapper),o=e(a),l=o.left-r.left+a.offsetWidth/2,h=o.top-r.top-6,c=(t.formatted_labels&&t.formatted_labels.length>0?t.formatted_labels[s]:t.state.labels[s])+": ",u=(100*i.sliceTotals[s]/t.grand_total).toFixed(1);t.tip.setValues(l,h,c,u+"%"),t.tip.showTip()}})}}]),n}(Vt),Xt=function(t){function i(t,e){ft(this,i);var n=mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="pie",n.hoverRadio=e.hoverRadio||.1,n.startAngle=e.startAngle||0,n.clockWise=e.clockWise||!1,n.setup(),n}return yt(i,t),vt(i,[{key:"configure",value:function(t){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this)}},{key:"calc",value:function(){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"calc",this).call(this),this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y}},{key:"render",value:function(t){var e=this,i=this.radius,n=this.clockWise;this.grand_total=this.state.sliceTotals.reduce(function(t,e){return t+e},0);var a=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var s=180-this.startAngle;this.state.sliceTotals.map(function(r,o){var h=s,c=r/e.grand_total*360,u=n?-c:c,d=s+=u,p=l(h,i),f=l(d,i),v=t&&a[o],g=void 0,y=void 0;t?(g=v?v.startPosition:p,y=v?v.endPosition:p):(g=p,y=f);var m=O(g,y,e.center,e.radius,e.clockWise),b=T(m,"pie-path","none",e.colors[o]);b.style.transition="transform .3s;",e.drawArea.appendChild(b),e.slices.push(b),e.slicesProperties.push({startPosition:p,endPosition:f,value:r,total:e.grand_total,startAngle:h,endAngle:d,angle:u}),t&&e.elements_to_animate.push([b,{d:O(p,f,e.center,e.radius,e.clockWise)},650,"easein",null,{d:m}])})}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=l(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){V(t,this.calTranslateByAngle(this.slicesProperties[i])),t.style.fill=H(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,h=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.state.labels[i])+": ",c=(100*this.state.sliceTotals[i]/this.grand_total).toFixed(1);this.tip.set_values(o,l,h,c+"%"),this.tip.show_tip()}else V(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=s}}},{key:"mouseMove",value:function(t){for(var e=t.target,i=this.curActiveSliceIndex,n=this.curActiveSlice,a=0;a<this.slices.length;a++)if(e===this.slices[a]){this.hoverSlice(n,i,!1),this.curActiveSlice=e,this.curActiveSliceIndex=a,this.hoverSlice(e,a,!0,t);break}}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}},{key:"bindTooltip",value:function(){}}]),i}(Vt),qt=function(t){function e(t,i){ft(this,e);var n=mt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));n.type="heatmap",n.domain=i.domain||"",n.subdomain=i.subdomain||"",n.data=i.data||{},n.discrete_domains=i.discrete_domains||1,n.count_label=i.count_label||"";var a=new Date;n.start=i.start||$(a,365);var s=(i.legend_colors||[]).slice(0,5);return n.legend_colors=n.validate_colors(s)?s:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],n.distribution_size=5,n.translateX=0,n.setup(),n}return yt(e,t),vt(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){R(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){gt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&$(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&$(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=J(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){gt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=A(this.drawArea,"domain-label-group chart-label"),this.dataGroups=A(this.drawArea,"data-groups","translate(0, 20)")}},{key:"calc",value:function(){var t=this,e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=rt(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{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.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;i<t;i++){var n=void 0,a=0,s=new Date(e),r=this.get_week_squares_group(s,this.week_col),o=bt(r,2);n=o[0],a=o[1],this.dataGroups.appendChild(n),this.week_col+=1+parseInt(this.discrete_domains&&a),this.month_weeks[this.current_month]++,a&&(this.current_month=(this.current_month+1)%12,this.months.push(this.current_month+""),this.month_weeks[this.current_month]=1),$(e,7)}this.render_month_labels()}},{key:"get_week_squares_group",value:function(t,e){for(var i=this.today.getTime(),n=0,a=0,s=A(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.data[u]&&(l=this.data[u]),this.data[Math.round(u)]&&(l=this.data[Math.round(u)]),l&&(h=ot(l,this.distribution));var d=13+12*(e+a),p={"data-date":U(t),"data-value":l,"data-day":t.getDay()},f=D("day",d,r,10,this.legend_colors[h],p);s.appendChild(f);var v=new Date(t);if($(v,1),v.getTime()>i)break;v.getMonth()-t.getMonth()&&(n=1,this.discrete_domains&&(a=1),this.month_start_points.push(13+12*(e+a))),t=v}return[s,n]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var n=L("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));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=t.month_names[parseInt(n[1])-1].substring(0,3),s=t.chartWrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-s.left+(o+2)/2,h=r.top-s.top-(o+2)/2,c=i+" "+t.count_label,u=" on "+a+" "+n[0]+", "+n[2];t.tip.setValues(l,h,u,c,[],1),t.tip.showTip()})})}},{key:"update",value:function(t){gt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(Gt),Ut=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;ft(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 vt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=A(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}(),Jt={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return N(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=c(n,e),r=bt(s,2);n=r[0],e=r[1];var o=c(a,i),l=bt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return p(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return E(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=c(n,e),r=bt(s,2);n=r[0],e=r[1];var o=c(a,i),l=bt(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return d(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return W(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=c(this.oldData,t),i=bt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),s=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(s.map(function(t,e){return{position:s[e],label:a[e]}})),this.store.map(function(t,e){return p(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return S(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=c(this.oldData,t),i=bt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.end}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(f(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 z(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=this.constants,i=t.xPositions,n=t.yPositions,a=t.offsets,s=t.labels,r=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,h=this.oldData.labels,u=c(r,i),d=bt(u,2);r=d[0],i=d[1];var p=c(o,n),f=bt(p,2);o=f[0],n=f[1];var g=c(l,a),y=bt(g,2);l=y[0],a=y[1];var m=c(h,s),b=bt(m,2);h=b[0],s=b[1],this.render({xPositions:r,yPositions:o,offsets:l,labels:s,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var x=[];return this.store.map(function(s,r){x=x.concat(v(s,i[r],n[r],t.barWidth,a[r],e.index,{zeroLine:t.zeroLine}))}),x}},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=Y(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 j(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=c(a,e),l=bt(o,2);a=l[0],e=l[1];var h=c(s,i),u=bt(h,2);s=u[0],i=u[1];var d=c(r,n),p=bt(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(y(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){f=f.concat(g(t,e[n],i[n]))}),f}}},Kt=function(t){function i(t,e){ft(this,i);var n=mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.barOptions=e.barOptions||{},n.lineOptions=e.lineOptions||{},n.type=e.type||"line",n.setup(),n}return yt(i,t),vt(i,[{key:"configure",value:function(t){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this),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||1,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setMargins",this).call(this),this.leftMargin=60,this.rightMargin=60}},{key:"prepareData",value:function(){return lt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return ht(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 s(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=et(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/at(e),n=nt(e)*i,a=this.height-it(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 st(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,i){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=st(e.value,t.yAxis),e.label.includes(":")||(e.label+=": "+e.value),e})),this.data.yRegions&&(this.state.yRegions=this.data.yRegions.map(function(e){return e.start=st(e.start,t.yAxis),e.end=st(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]})})}return(t=[]).concat.apply(t,xt(this.data.datasets.map(function(t){return t[i]})))}},{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=ct(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.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=ut.apply(void 0,xt(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.chartWrapper.addEventListener("mousemove",function(i){var n=e(t.chartWrapper),a=i.pageX-n.left-t.leftMargin;i.pageY-n.top-t.translateY<t.height+2*t.translateY?t.mapTooltipXPosition(a):t.tip.hideTip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this,i=this.state;if(i.yExtremes){var n=i.xAxis.labels;this.formatTooltipX&&this.formatTooltipX(n[0])&&(n=n.map(function(t){return e.formatTooltipX(t)}));for(var a=this.formatTooltipY&&this.formatTooltipY(this.y[0].values[0]),s=i.datasetLength-1;s>=0;s--){var r=i.xAxis.positions[s];if(t>r-i.unitWidth/2){var o=r+this.leftMargin,l=i.yExtremes[s]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.title,value:a?e.formatTooltipY(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.setValues(o,l,n[s],"",h),this.tip.showTip();break}}}}},{key:"makeOverlay",value:function(){var t=this;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=Wt[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(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];St[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(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{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,a(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"addDataPoint",this).call(this,t,e,n),this.data.labels.splice(n,0,t),this.data.datasets.map(function(t,i){t.values.splice(n,0,e[i])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{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)}}]),i}(Gt),$t={percentage:Bt,heatmap:qt,pie:Xt},Qt=function t(e,i){return ft(this,t),dt(i.type,e,i)};return Qt}();
 //# 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 eabd3cd..43f73bc 100644
--- a/docs/assets/js/frappe-charts.min.js.map
+++ b/docs/assets/js/frappe-charts.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"frappe-charts.min.js","sources":["../../../src/js/utils/dom.js","../../../src/js/utils/helpers.js","../../../src/js/utils/draw-utils.js","../../../src/js/utils/animate.js","../../../src/js/utils/draw.js","../../../src/js/utils/colors.js","../../../src/js/config.js","../../../src/js/utils/animation.js","../../../src/js/utils/date-utils.js","../../../src/js/utils/intervals.js","../../../src/js/utils/axis-chart-utils.js","../../../src/js/objects/ChartComponents.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, value) {\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\textra_count=array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extra_count > 0) {\n\t\tarray1 = fillArray(array1, extra_count);\n\t} else {\n\t\tarray2 = fillArray(array2, extra_count);\n\t}\n\treturn [array1, array2];\n}\n","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, index=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\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from './animate';\nimport { DOT_OVERLAY_SIZE_INCR } from './constants';\n\nconst AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst BASE_BG_COLOR = '#F7FAFC';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(parent, className, transform='') {\n\treturn createSVG('g', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\ttransform: transform\n\t});\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none') {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill\n\t\t}\n\t});\n}\n\nexport function 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) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH\n\t\tx2 = width;\n\t}\n\n\tlet offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t//                        \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t   \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport 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\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\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, meta={}) {\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\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\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\toverlay.setAttribute('r', radius + DOT_OVERLAY_SIZE_INCR);\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\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.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\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.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t}\n}\n\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nexport const DEFAULT_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import Chart from './chart';\n\nconst ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nconst COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tscatter: ['line', 'bar', 'percentage', 'pie'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\n// Needs structure as per only labels/datasets\nconst COLOR_COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter'],\n\tline: ['scatter', 'bar'],\n\tpie: ['percentage'],\n\tscatter: ['line', 'bar'],\n\tpercentage: ['pie'],\n\theatmap: []\n};\n\nexport function getDifferentChart(type, current_type, parent, args) {\n\tif(type === current_type) return;\n\n\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t}\n\n\tif(!COMPATIBLE_CHARTS[current_type].includes(type)) {\n\t\tconsole.error(`'${current_type}' chart cannot be converted to a '${type}' chart.`);\n\t}\n\n\t// whether the new chart can use the existing colors\n\tconst useColor = COLOR_COMPATIBLE_CHARTS[current_type].includes(type);\n\n\t// Okay, this is anticlimactic\n\t// this function will need to actually be 'changeChartType(type)'\n\t// that will update only the required elements, but for now ...\n\n\targs.type = type;\n\targs.colors = useColor ? args.colors : undefined;\n\n\treturn new Chart(parent, args);\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","// Playing around with dates\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(dateStr) {\n\tlet result = new Date(dateStr);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getDdMmYyyy(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\t(dd>9 ? '' : '0') + dd,\n\t\t(mm>9 ? '' : '0') + mm,\n\t\tdate.getFullYear()\n\t].join('-');\n}\n\nexport function getWeeksBetween(startDateStr, endDateStr) {\n\treturn Math.ceil(getDaysBetween(startDateStr, endDateStr) / 7);\n}\n\nexport function getDaysBetween(startDateStr, endDateStr) {\n\tlet millisecondsPerDay = 24 * 60 * 60 * 1000;\n\treturn (treatAsUtc(endDateStr) - treatAsUtc(startDateStr)) / millisecondsPerDay;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n\n// export function getMonthName() {}\n","import { 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 { floatTwo, 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, i)=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set 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 { makeSVGGroup } from '../utils/draw';\nimport { xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar, animateDot, animatePath } 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\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\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(region =>\n\t\t\t\tyRegion(region.start, region.end, this.constants.width,\n\t\t\t\t\tregion.label)\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.end);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.start);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.end);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\t\t\tlet oldStarts = this.oldData.map(d => d.start);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstart: oldStarts[i],\n\t\t\t\t\tend: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\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 c = this.constants;\n\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], c.index,\n\t\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 c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\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","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\nexport default class Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.title_name = '';\n\t\tthis.title_value = '';\n\t\tthis.list_values = [];\n\t\tthis.title_value_first = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.make_tooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calc_position();\n\t\t// this.show_tip();\n\t}\n\n\tmake_tooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `<span class=\"title\"></span>\n\t\t\t\t<ul class=\"data-point-list\"></ul>\n\t\t\t\t<div class=\"svg-pointer\"></div>`\n\t\t});\n\t\tthis.hide_tip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.data_point_list = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hide_tip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.title_value_first) {\n\t\t\ttitle = `<strong>${this.title_value}</strong>${this.title_name}`;\n\t\t} else {\n\t\t\ttitle = `${this.title_name}<strong>${this.title_value}</strong>`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.data_point_list.innerHTML = '';\n\n\t\tthis.list_values.map((set, i) => {\n\t\t\tconst color = this.colors[i] || 'black';\n\n\t\t\tlet li = $.create('li', {\n\t\t\t\tstyles: {\n\t\t\t\t\t'border-top': `3px solid ${color}`\n\t\t\t\t},\n\t\t\t\tinnerHTML: `<strong style=\"display: block;\">${ set.value === 0 || set.value ? set.value : '' }</strong>\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.data_point_list.appendChild(li);\n\t\t});\n\t}\n\n\tcalc_position() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - width/2;\n\t\tlet max_left = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > max_left) {\n\t\t\tlet delta = this.left - max_left;\n\t\t\tlet pointer_offset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointer_offset;\n\n\t\t\tthis.left = max_left;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tset_values(x, y, title_name = '', title_value = '', list_values = [], title_value_first = 0) {\n\t\tthis.title_name = title_name;\n\t\tthis.title_value = title_value;\n\t\tthis.list_values = list_values;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.title_value_first = title_value_first;\n\t\tthis.refresh();\n\t}\n\n\thide_tip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshow_tip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","export const VERT_SPACE_OUTSIDE_BASE_CHART = 40;\nexport const TRANSLATE_Y_BASE_CHART = 20;\nexport const LEFT_MARGIN_BASE_CHART = 60;\nexport const RIGHT_MARGIN_BASE_CHART = 40;\nexport const Y_AXIS_MARGIN = 60;\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 = 8;\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup } from '../utils/draw';\nimport { getStringWidth } from '../utils/helpers';\nimport { VERT_SPACE_OUTSIDE_BASE_CHART, TRANSLATE_Y_BASE_CHART, LEFT_MARGIN_BASE_CHART,\n\tRIGHT_MARGIN_BASE_CHART, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT } from '../utils/constants';\nimport { getColor, DEFAULT_COLORS } from '../utils/colors';\nimport { getDifferentChart } from '../config';\nimport { runSMILAnimation } from '../utils/animation';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.parent = typeof parent === 'string' ? document.querySelector(parent) : parent;\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.title = options.title || '';\n\t\tthis.subtitle = options.subtitle || '';\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\t\tthis.colors = [];\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\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure(args) {\n\t\tthis.setColors();\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\tsetColors() {\n\t\tlet args = this.rawChartArgs;\n\n\t\t// Needs structure as per only labels/datasets, from config\n\t\tconst list = args.type === 'percentage' || args.type === 'pie'\n\t\t\t? args.data.labels\n\t\t\t: args.data.datasets;\n\n\t\tif(!args.colors || (list && args.colors.length < list.length)) {\n\t\t\tthis.colors = DEFAULT_COLORS;\n\t\t} else {\n\t\t\tthis.colors = args.colors;\n\t\t}\n\n\t\tthis.colors = this.colors.map(color => getColor(color));\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - VERT_SPACE_OUTSIDE_BASE_CHART;\n\t\tthis.translateY = TRANSLATE_Y_BASE_CHART;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = LEFT_MARGIN_BASE_CHART;\n\t\tthis.rightMargin = RIGHT_MARGIN_BASE_CHART;\n\t}\n\n\tvalidate() {\n\t\treturn true;\n\t}\n\n\tsetup() {\n\t\tif(this.validate()) {\n\t\t\tthis._setup();\n\t\t}\n\t}\n\n\t_setup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip();\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\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `<h6 class=\"title\">${this.title}</h6>\n\t\t\t\t<h6 class=\"sub-title uppercase\">${this.subtitle}</h6>\n\t\t\t\t<div class=\"frappe-chart graphics\"></div>\n\t\t\t\t<div class=\"graph-stats-container\"></div>`\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chartWrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.statsWrapper = this.container.querySelector('.graph-stats-container');\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chartWrapper,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(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();}, INIT_CHART_UPDATE_TIMEOUT);\n\t\t}\n\n\t\tthis.renderLegend();\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.chartWrapper, 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\t\tthis.makeOverlay();\n\t\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.chartWrapper.removeChild(this.svg);\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.chartWrapper,\n\t\t\t'chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\t// I WISH !!!\n\t\t// this.svg = makeSVGGroup(\n\t\t// \tsvgContainer,\n\t\t// \t'flipped-coord-system',\n\t\t// \t`translate(0, ${this.baseHeight}) scale(1, -1)`\n\t\t// );\n\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${this.translateY})`\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.chartWrapper)) {\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\tgetDataPoint(index = 0) {}\n\tsetCurrentDataPoint(point) {}\n\n\tupdateDataset(dataset, index) {}\n\taddDataset(dataset, index) {}\n\tremoveDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {}\n\n\tupdateDataPoint(dataPoint, index = 0) {}\n\taddDataPoint(dataPoint, index = 0) {}\n\tremoveDataPoint(index = 0) {}\n\n\tgetDifferentChart(type) {\n\t\treturn getDifferentChart(type, this.type, this.parent, this.rawChartArgs);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\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\tthis.labels = [];\n\t\ttotals.map(d => {\n\t\t\ts.sliceTotals.push(d[0]);\n\t\t\tthis.labels.push(d[1]);\n\t\t});\n\t}\n\n\trender() { }\n\n\tbindTooltip() { }\n\n\trenderLegend() {\n\t\tlet s = this.state;\n\n\t\tthis.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\tlet x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t? this.formatted_labels : this.labels;\n\t\tthis.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\">${x_values[i]}:</span>\n\t\t\t\t\t${d}\n\t\t\t\t</span>`;\n\t\t\t}\n\t\t});\n\t}\n}\n","import 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.chartWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.chartWrapper.style.marginTop = '45px';\n\n\t\tthis.statsWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.statsWrapper.style.marginBottom = '30px';\n\t\tthis.statsWrapper.style.paddingTop = '0px';\n\n\t\tthis.svg = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chartWrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.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.grand_total = s.sliceTotals.reduce((a, b) => a + b, 0);\n\t\tthis.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\tinside: this.percentageBar,\n\t\t\t\tstyles: {\n\t\t\t\t\tbackground: this.colors[i],\n\t\t\t\t\twidth: total*100/this.grand_total + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.slices.push(slice);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\t\t// this.slices.map((slice, i) => {\n\t\t// \tslice.addEventListener('mouseenter', () => {\n\t\t// \t\tlet g_off = getOffset(this.chartWrapper), p_off = getOffset(slice);\n\n\t\t// \t\tlet x = p_off.left - g_off.left + slice.offsetWidth/2;\n\t\t// \t\tlet y = p_off.top - g_off.top - 6;\n\t\t// \t\tlet title = (this.formatted_labels && this.formatted_labels.length>0\n\t\t// \t\t\t? this.formatted_labels[i] : this.labels[i]) + ': ';\n\t\t// \t\tlet percent = (s.sliceTotals[i]*100/this.grand_total).toFixed(1);\n\n\t\t// \t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t\t// \t\tthis.tip.show_tip();\n\t\t// \t});\n\t\t// });\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makePath, 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\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.startAngle = args.startAngle || 0;\n\t\tthis.clockWise = args.clockWise || false;\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\t}\n\tcalc() {\n\t\tsuper.calc();\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\t}\n\n\trender(init) {\n\t\tconst{radius,clockWise} = this;\n\t\tthis.grand_total = this.state.sliceTotals.reduce((a, b) => a + b, 0);\n\t\tconst prevSlicesProperties = this.slicesProperties || [];\n\t\tthis.slices = [];\n\t\tthis.elements_to_animate = [];\n\t\tthis.slicesProperties = [];\n\t\tlet curAngle = 180 - this.startAngle;\n\n\t\tthis.state.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / this.grand_total) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\t\t\tconst prevProperty = init && prevSlicesProperties[i];\n\t\t\tlet curStart,curEnd;\n\t\t\tif(init){\n\t\t\t\tcurStart = prevProperty?prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty? prevProperty.endPosition : startPosition;\n\t\t\t}else{\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);\n\t\t\tlet slice = makePath(curPath, 'pie-path', 'none', this.colors[i]);\n\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\tthis.drawArea.appendChild(slice);\n\n\t\t\tthis.slices.push(slice);\n\t\t\tthis.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: this.grand_total,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\t\t\tif(init){\n\t\t\t\tthis.elements_to_animate.push([slice,\n\t\t\t\t\t{d: makeArcPathStr(startPosition, endPosition, this.center, this.radius, this.clockWise)},\n\t\t\t\t\t650, \"easein\",null,{\n\t\t\t\t\t\td:curPath\n\t\t\t\t\t}]);\n\t\t\t}\n\n\t\t});\n\t\t// if(init){\n\t\t// \trunSMILAnimation(this.chartWrapper, this.svg, this.elements_to_animate);\n\t\t// }\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = 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\n\t\t\ttransform(path, this.calTranslateByAngle(this.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i]*100/this.grand_total).toFixed(1);\n\t\t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t\t\tthis.tip.show_tip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hide_tip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tfor(let i = 0; i < this.slices.length; i++){\n\t\t\tif(target === this.slices[i]){\n\t\t\t\tthis.hoverSlice(prevAcitve,prevIndex,false);\n\t\t\t\tthis.curActiveSlice = target;\n\t\t\t\tthis.curActiveSliceIndex = i;\n\t\t\t\tthis.hoverSlice(target,i,true,e);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n\tbindTooltip() {\n\t\t// this.drawArea.addEventListener('mousemove',this.mouseMove);\n\t\t// this.drawArea.addEventListener('mouseleave',this.mouseLeave);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { makeSVGGroup, makeHeatSquare, makeText } from '../utils/draw';\nimport { addDays, getDdMmYyyy, getWeeksBetween } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { isValidColor } from '../utils/colors';\n\nexport default class Heatmap extends BaseChart {\n\tconstructor(parent, options) {\n\t\tsuper(parent, options);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = options.domain || '';\n\t\tthis.subdomain = options.subdomain || '';\n\t\tthis.data = options.data || {};\n\t\tthis.discrete_domains = options.discrete_domains || 1;\n\t\tthis.count_label = options.count_label || '';\n\n\t\tlet today = new Date();\n\t\tthis.start = options.start || addDays(today, 365);\n\n\t\tlet legend_colors = (options.legend_colors || []).slice(0, 5);\n\t\tthis.legend_colors = this.validate_colors(legend_colors)\n\t\t\t? legend_colors\n\t\t\t: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\t// Fixed 5-color theme,\n\t\t// More colors are difficult to parse visually\n\t\tthis.distribution_size = 5;\n\n\t\tthis.translateX = 0;\n\t\tthis.setup();\n\t}\n\n\tvalidate_colors(colors) {\n\t\tif(colors.length < 5) return 0;\n\n\t\tlet valid = 1;\n\t\tcolors.forEach(function(string) {\n\t\t\tif(!isValidColor(string)) {\n\t\t\t\tvalid = 0;\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t}\n\t\t}, this);\n\n\t\treturn valid;\n\t}\n\n\tconfigure() {\n\t\tsuper.configure();\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.first_week_start = new Date(this.start.toDateString());\n\t\tthis.last_week_start = new Date(this.today.toDateString());\n\t\tif(this.first_week_start.getDay() !== 7) {\n\t\t\taddDays(this.first_week_start, (-1) * this.first_week_start.getDay());\n\t\t}\n\t\tif(this.last_week_start.getDay() !== 7) {\n\t\t\taddDays(this.last_week_start, (-1) * this.last_week_start.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.first_week_start + '', this.last_week_start + '') + 1;\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 3) * 12 ;\n\n\t\tif(this.discrete_domains) {\n\t\t\tthis.baseWidth += (12 * 12);\n\t\t}\n\t}\n\n\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\t// Array.prototype.slice.call(\n\t\t// \tthis.container.querySelectorAll('.graph-stats-container, .sub-title, .title')\n\t\t// ).map(d => {\n\t\t// \td.style.display = 'None';\n\t\t// });\n\t\t// this.chartWrapper.style.marginTop = '0px';\n\t\t// this.chartWrapper.style.paddingTop = '0px';\n\t}\n\n\tcalc() {\n\n\t\tlet data_values = Object.keys(this.data).map(key => this.data[key]);\n\t\tthis.distribution = calcDistribution(data_values, this.distribution_size);\n\n\t\tthis.month_names = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\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 current_week_sunday = new Date(this.first_week_start);\n\t\tthis.week_col = 0;\n\t\tthis.current_month = current_week_sunday.getMonth();\n\n\t\tthis.months = [this.current_month + ''];\n\t\tthis.month_weeks = {}, this.month_start_points = [];\n\t\tthis.month_weeks[this.current_month] = 0;\n\t\tthis.month_start_points.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet data_group, month_change = 0;\n\t\t\tlet day = new Date(current_week_sunday);\n\n\t\t\t[data_group, month_change] = this.get_week_squares_group(day, this.week_col);\n\t\t\tthis.dataGroups.appendChild(data_group);\n\t\t\tthis.week_col += 1 + parseInt(this.discrete_domains && month_change);\n\t\t\tthis.month_weeks[this.current_month]++;\n\t\t\tif(month_change) {\n\t\t\t\tthis.current_month = (this.current_month + 1) % 12;\n\t\t\t\tthis.months.push(this.current_month + '');\n\t\t\t\tthis.month_weeks[this.current_month] = 1;\n\t\t\t}\n\t\t\taddDays(current_week_sunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(current_date, index) {\n\t\tconst no_of_weekdays = 7;\n\t\tconst square_side = 10;\n\t\tconst cell_padding = 2;\n\t\tconst step = 1;\n\t\tconst today_time = this.today.getTime();\n\n\t\tlet month_change = 0;\n\t\tlet week_col_change = 0;\n\n\t\tlet data_group = makeSVGGroup(this.dataGroups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < no_of_weekdays; i += step, y += (square_side + cell_padding)) {\n\t\t\tlet data_value = 0;\n\t\t\tlet colorIndex = 0;\n\n\t\t\tlet current_timestamp = current_date.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(current_timestamp - (current_timestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdata_value = this.data[timestamp];\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdata_value = this.data[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(data_value) {\n\t\t\t\tcolorIndex = getMaxCheckpoint(data_value, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + week_col_change) * 12;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(current_date),\n\t\t\t\t'data-value': data_value,\n\t\t\t\t'data-day': current_date.getDay()\n\t\t\t};\n\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, square_side,\n\t\t\t\tthis.legend_colors[colorIndex], dataAttr);\n\n\t\t\tdata_group.appendChild(heatSquare);\n\n\t\t\tlet next_date = new Date(current_date);\n\t\t\taddDays(next_date, 1);\n\t\t\tif(next_date.getTime() > today_time) break;\n\n\n\t\t\tif(next_date.getMonth() - current_date.getMonth()) {\n\t\t\t\tmonth_change = 1;\n\t\t\t\tif(this.discrete_domains) {\n\t\t\t\t\tweek_col_change = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.month_start_points.push(13 + (index + week_col_change) * 12);\n\t\t\t}\n\t\t\tcurrent_date = next_date;\n\t\t}\n\n\t\treturn [data_group, month_change];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.first_week_start.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.month_start_points.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.month_start_points.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.month_start_points.shift();\n\t\tthis.months.pop();\n\t\tthis.month_start_points.pop();\n\n\t\tthis.month_start_points.map((start, i) => {\n\t\t\tlet month_name =  this.month_names[this.months[i]].substring(0, 3);\n\t\t\tlet text = makeText('y-value-text', start+12, 10, month_name);\n\t\t\tthis.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 date_parts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.month_names[parseInt(date_parts[1])-1].substring(0, 3);\n\n\t\t\t\tlet g_off = this.chartWrapper.getBoundingClientRect(), p_off = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = p_off.left - g_off.left + (width+2)/2;\n\t\t\t\tlet y = p_off.top - g_off.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.count_label;\n\t\t\t\tlet name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];\n\n\t\t\t\tthis.tip.set_values(x, y, name, value, [], 1);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\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_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, DEFAULT_AXIS_CHART_TYPE, 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\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure();\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 || 1;\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_MARGIN;\n\t\tthis.rightMargin = Y_AXIS_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, i) => {\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\tif(!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.start = scale(d.start, s.yAxis);\n\t\t\t\td.end = 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\treturn [].concat(...this.data.datasets.map(d => d[key]));\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\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\t// console.log('barDatasets', barDatasets, this.state.datasets);\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.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.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.chartWrapper);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.translateY;\n\n\t\t\tif(relY < this.height + this.translateY * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hide_tip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(this.formatTooltipX && this.formatTooltipX(titles[0])) {\n\t\t\ttitles = titles.map(d=>this.formatTooltipX(d));\n\t\t}\n\n\t\tlet formatY = this.formatTooltipY && this.formatTooltipY(this.y[0].values[0]);\n\n\t\tfor(var i=s.datasetLength - 1; i >= 0 ; i--) {\n\t\t\tlet xVal = s.xAxis.positions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxis.positions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.leftMargin;\n\t\t\t\tlet y = s.yExtremes[i] + this.translateY;\n\n\t\t\t\tlet values = this.data.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.title,\n\t\t\t\t\t\tvalue: formatY ? this.formatTooltipY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.set_values(x, y, titles[i], '', values);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tmakeOverlay() {\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\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t})\n\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\t// on event, update overlay\n\t\tthis.parent.addEventListener('data-select', (e) => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits(units_array) {\n\t\t// units_array.map(unit => {\n\t\t// \tunit.addEventListener('click', () => {\n\t\t// \t\tlet index = unit.getAttribute('data-point-index');\n\t\t// \t\tthis.setCurrentDataPoint(index);\n\t\t// \t});\n\t\t// });\n\t}\n\n\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\t// check for length\n\t\tlet data_point = {\n\t\t\tindex: index\n\t\t};\n\t\t// let y = this.y[0];\n\t\t// ['svg_units', 'yUnitPositions', 'values'].map(key => {\n\t\t// \tlet data_key = key.slice(0, key.length-1);\n\t\t// \tdata_point[data_key] = y[key][index];\n\t\t// });\n\t\t// data_point.label = this.xAxis.labels[index];\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\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\t// console.log(label, datasetValues, this.data.labels);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\t// console.log(this.data);\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// getDataPoint(index = 0) {}\n\t// setCurrentDataPoint(point) {}\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\t// updateDatasets(datasets) {}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\n}\n\n\n// keep a binding at the end of chart\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","extra_count","translate","unit","oldCoord","newCoord","duration","old","join","transform","STD_EASING","translateVertLine","xLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","yLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","x","width","offset","nodeName","UNIT_ANIM_DUR","split","slice","animateDot","dot","cx","cy","animatePath","paths","newXList","newYList","pathComponents","pathStr","map","i","animPath","path","PATH_ANIM_DUR","push","region","regStartPt","regEndPt","animRegion","createSVG","tag","o","createElementNS","val","appendChild","ref","parentNode","insertBefore","keys","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","color","opacity","makeSVGContainer","parent","className","makeSVGDefs","svgContainer","makeSVGGroup","makePath","makeArcPathStr","startPosition","endPosition","center","clockWise","arcStartX","arcStartY","arcEndX","arcEndY","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","size","data","args","key","makeText","content","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","pos","mode","AXIS_TICK_LENGTH","yMarker","labelSvg","yRegion","datasetBar","index","meta","minHeight","group","datasetDot","getPaths","xList","yList","pointsStr","heatline","gradient_id","svgDefs","regionFill","gradient_id_region","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","getDifferentChart","current_type","ALL_CHART_TYPES","includes","error","COMPATIBLE_CHARTS","useColor","COLOR_COMPATIBLE_CHARTS","colors","undefined","Chart","animateSVGElement","props","dur","easingType","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","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","ceil","getDaysBetween","addDays","numberOfDays","setDate","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalize","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","filter","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getComponent","name","constants","getData","Object","componentConfigs","k","config","assign","ChartComponent","getChartByType","AxisChart","chartTypes","create","createElement","SvgTip","title_name","title_value","list_values","title_value_first","setup","make_tooltip","calc_position","container","this","hide_tip","title","data_point_list","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","max_left","pointer","pointer_offset","refresh","PI","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","PRESET_COLOR_MAP","DEFAULT_COLORS","BaseChart","rawChartArgs","HTMLElement","Error","subtitle","argHeight","prepareData","prepareFirstData","showLegend","isNavigable","state","overlays","configure","setColors","setMargins","_this","draw","list","baseHeight","translateY","leftMargin","rightMargin","validate","_setup","makeContainer","makeTooltip","components","Map","chartWrapper","statsWrapper","tip","bindTooltip","onlyWidthChange","init","calcWidth","calc","makeChartArea","setupComponents","forEach","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","svg","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","point","dataset","dataPoint","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","a","sumOfRemaining","legendTotals","x_values","formatted_labels","_this3","PercentageChart","marginTop","marginBottom","paddingTop","chart","percentageBar","grand_total","reduce","slices","PieChart","hoverRadio","startAngle","mouseMove","mouseLeave","prevSlicesProperties","slicesProperties","elements_to_animate","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","transition","property","position","flag","calTranslateByAngle","g_off","pageX","pageY","percent","set_values","show_tip","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","domain","subdomain","discrete_domains","count_label","today","legend_colors","validate_colors","distribution_size","translateX","valid","warn","setFullYear","first_week_start","toDateString","last_week_start","getDay","no_of_cols","domainLabelGroup","dataGroups","data_values","month_names","renderAllWeeksAndStoreXValues","no_of_weeks","textContent","current_week_sunday","week_col","current_month","months","month_weeks","month_start_points","data_group","month_change","day","get_week_squares_group","render_month_labels","current_date","today_time","getTime","week_col_change","square_side","data_value","colorIndex","current_timestamp","timestamp","round","dataAttr","heatSquare","next_date","shift","pop","substring","prototype","call","querySelectorAll","date_parts","month","p_off","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","positions","newData","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","_this5","newStarts","oldStarts","unitType","units","yPositions","xPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","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","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","component","relX","mapTooltipXPosition","titles","formatY","xVal","overlayGuides","currentIndex","currentUnit","_this6","units_array","_this8","setCurrentDataPoint","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/animate.js","../../../src/js/utils/draw.js","../../../src/js/utils/colors.js","../../../src/js/config.js","../../../src/js/utils/animation.js","../../../src/js/utils/date-utils.js","../../../src/js/utils/intervals.js","../../../src/js/utils/axis-chart-utils.js","../../../src/js/objects/ChartComponents.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, value) {\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\textra_count=array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extra_count > 0) {\n\t\tarray1 = fillArray(array1, extra_count);\n\t} else {\n\t\tarray2 = fillArray(array2, extra_count);\n\t}\n\treturn [array1, array2];\n}\n","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, index=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\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from './animate';\nimport { DOT_OVERLAY_SIZE_INCR } from './constants';\n\nconst AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst BASE_BG_COLOR = '#F7FAFC';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(parent, className, transform='') {\n\treturn createSVG('g', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\ttransform: transform\n\t});\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none') {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill\n\t\t}\n\t});\n}\n\nexport function 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) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH\n\t\tx2 = width;\n\t}\n\n\tlet offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t//                        \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t   \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport 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\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\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, meta={}) {\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\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\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\toverlay.setAttribute('r', radius + DOT_OVERLAY_SIZE_INCR);\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\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.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\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.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t}\n}\n\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nexport const DEFAULT_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import Chart from './chart';\n\nconst ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nconst COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tscatter: ['line', 'bar', 'percentage', 'pie'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\n// Needs structure as per only labels/datasets\nconst COLOR_COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter'],\n\tline: ['scatter', 'bar'],\n\tpie: ['percentage'],\n\tscatter: ['line', 'bar'],\n\tpercentage: ['pie'],\n\theatmap: []\n};\n\nexport function getDifferentChart(type, current_type, parent, args) {\n\tif(type === current_type) return;\n\n\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t}\n\n\tif(!COMPATIBLE_CHARTS[current_type].includes(type)) {\n\t\tconsole.error(`'${current_type}' chart cannot be converted to a '${type}' chart.`);\n\t}\n\n\t// whether the new chart can use the existing colors\n\tconst useColor = COLOR_COMPATIBLE_CHARTS[current_type].includes(type);\n\n\t// Okay, this is anticlimactic\n\t// this function will need to actually be 'changeChartType(type)'\n\t// that will update only the required elements, but for now ...\n\n\targs.type = type;\n\targs.colors = useColor ? args.colors : undefined;\n\n\treturn new Chart(parent, args);\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","// Playing around with dates\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(dateStr) {\n\tlet result = new Date(dateStr);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getDdMmYyyy(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\t(dd>9 ? '' : '0') + dd,\n\t\t(mm>9 ? '' : '0') + mm,\n\t\tdate.getFullYear()\n\t].join('-');\n}\n\nexport function getWeeksBetween(startDateStr, endDateStr) {\n\treturn Math.ceil(getDaysBetween(startDateStr, endDateStr) / 7);\n}\n\nexport function getDaysBetween(startDateStr, endDateStr) {\n\tlet millisecondsPerDay = 24 * 60 * 60 * 1000;\n\treturn (treatAsUtc(endDateStr) - treatAsUtc(startDateStr)) / millisecondsPerDay;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n\n// export function getMonthName() {}\n","import { 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 { floatTwo, 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, i)=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set 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 { makeSVGGroup } from '../utils/draw';\nimport { xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar, animateDot, animatePath } 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\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\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(region =>\n\t\t\t\tyRegion(region.start, region.end, this.constants.width,\n\t\t\t\t\tregion.label)\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.end);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.start);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.end);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\t\t\tlet oldStarts = this.oldData.map(d => d.start);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstart: oldStarts[i],\n\t\t\t\t\tend: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\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 c = this.constants;\n\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], c.index,\n\t\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 c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\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","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\nexport default class Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.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.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, titleName = '', titleValue = '', listValues = [], titleValueFirst = 0) {\n\t\tthis.titleName = titleName;\n\t\tthis.titleValue = titleValue;\n\t\tthis.listValues = listValues;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.titleValueFirst = titleValueFirst;\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 VERT_SPACE_OUTSIDE_BASE_CHART = 40;\nexport const TRANSLATE_Y_BASE_CHART = 20;\nexport const LEFT_MARGIN_BASE_CHART = 60;\nexport const RIGHT_MARGIN_BASE_CHART = 40;\nexport const Y_AXIS_MARGIN = 60;\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 = 8;\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup } from '../utils/draw';\nimport { getStringWidth } from '../utils/helpers';\nimport { VERT_SPACE_OUTSIDE_BASE_CHART, TRANSLATE_Y_BASE_CHART, LEFT_MARGIN_BASE_CHART,\n\tRIGHT_MARGIN_BASE_CHART, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT } from '../utils/constants';\nimport { getColor, DEFAULT_COLORS } from '../utils/colors';\nimport { getDifferentChart } from '../config';\nimport { runSMILAnimation } from '../utils/animation';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.parent = typeof parent === 'string' ? document.querySelector(parent) : parent;\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.title = options.title || '';\n\t\tthis.subtitle = options.subtitle || '';\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\t\tthis.colors = [];\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\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure(args) {\n\t\tthis.setColors();\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\tsetColors() {\n\t\tlet args = this.rawChartArgs;\n\n\t\t// Needs structure as per only labels/datasets, from config\n\t\tconst list = args.type === 'percentage' || args.type === 'pie'\n\t\t\t? args.data.labels\n\t\t\t: args.data.datasets;\n\n\t\tif(!args.colors || (list && args.colors.length < list.length)) {\n\t\t\tthis.colors = DEFAULT_COLORS;\n\t\t} else {\n\t\t\tthis.colors = args.colors;\n\t\t}\n\n\t\tthis.colors = this.colors.map(color => getColor(color));\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - VERT_SPACE_OUTSIDE_BASE_CHART;\n\t\tthis.translateY = TRANSLATE_Y_BASE_CHART;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = LEFT_MARGIN_BASE_CHART;\n\t\tthis.rightMargin = RIGHT_MARGIN_BASE_CHART;\n\t}\n\n\tvalidate() {\n\t\treturn true;\n\t}\n\n\tsetup() {\n\t\tif(this.validate()) {\n\t\t\tthis._setup();\n\t\t}\n\t}\n\n\t_setup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip();\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\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `<h6 class=\"title\">${this.title}</h6>\n\t\t\t\t<h6 class=\"sub-title uppercase\">${this.subtitle}</h6>\n\t\t\t\t<div class=\"frappe-chart graphics\"></div>\n\t\t\t\t<div class=\"graph-stats-container\"></div>`\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chartWrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.statsWrapper = this.container.querySelector('.graph-stats-container');\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chartWrapper,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(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();}, INIT_CHART_UPDATE_TIMEOUT);\n\t\t}\n\n\t\tthis.renderLegend();\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.chartWrapper, 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\t\tthis.makeOverlay();\n\t\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.chartWrapper.removeChild(this.svg);\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.chartWrapper,\n\t\t\t'chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\t// I WISH !!!\n\t\t// this.svg = makeSVGGroup(\n\t\t// \tsvgContainer,\n\t\t// \t'flipped-coord-system',\n\t\t// \t`translate(0, ${this.baseHeight}) scale(1, -1)`\n\t\t// );\n\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${this.translateY})`\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.chartWrapper)) {\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\tgetDataPoint(index = 0) {}\n\tsetCurrentDataPoint(point) {}\n\n\tupdateDataset(dataset, index) {}\n\taddDataset(dataset, index) {}\n\tremoveDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {}\n\n\tupdateDataPoint(dataPoint, index = 0) {}\n\taddDataPoint(dataPoint, index = 0) {}\n\tremoveDataPoint(index = 0) {}\n\n\tgetDifferentChart(type) {\n\t\treturn getDifferentChart(type, this.type, this.parent, this.rawChartArgs);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\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\trender() { }\n\n\tbindTooltip() { }\n\n\trenderLegend() {\n\t\tlet s = this.state;\n\n\t\tthis.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\tlet x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t? this.formatted_labels : s.labels;\n\t\tthis.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\">${x_values[i]}:</span>\n\t\t\t\t\t${d}\n\t\t\t\t</span>`;\n\t\t\t}\n\t\t});\n\t}\n}\n","import 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.chartWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.chartWrapper.style.marginTop = '45px';\n\n\t\tthis.statsWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.statsWrapper.style.marginBottom = '30px';\n\t\tthis.statsWrapper.style.paddingTop = '0px';\n\n\t\tthis.svg = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chartWrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.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.grand_total = s.sliceTotals.reduce((a, b) => a + b, 0);\n\t\tthis.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.grand_total + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.slices.push(slice);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\n\t\tthis.chartWrapper.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 g_off = getOffset(this.chartWrapper), p_off = getOffset(slice);\n\n\t\t\t\tlet x = p_off.left - g_off.left + slice.offsetWidth/2;\n\t\t\t\tlet y = p_off.top - g_off.top - 6;\n\t\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length>0\n\t\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\t\tlet percent = (s.sliceTotals[i]*100/this.grand_total).toFixed(1);\n\n\t\t\t\tthis.tip.setValues(x, y, title, percent + \"%\");\n\t\t\t\tthis.tip.showTip();\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makePath, 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\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.startAngle = args.startAngle || 0;\n\t\tthis.clockWise = args.clockWise || false;\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\t}\n\tcalc() {\n\t\tsuper.calc();\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\t}\n\n\trender(init) {\n\t\tconst{radius,clockWise} = this;\n\t\tthis.grand_total = this.state.sliceTotals.reduce((a, b) => a + b, 0);\n\t\tconst prevSlicesProperties = this.slicesProperties || [];\n\t\tthis.slices = [];\n\t\tthis.elements_to_animate = [];\n\t\tthis.slicesProperties = [];\n\t\tlet curAngle = 180 - this.startAngle;\n\n\t\tthis.state.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / this.grand_total) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\t\t\tconst prevProperty = init && prevSlicesProperties[i];\n\t\t\tlet curStart,curEnd;\n\t\t\tif(init){\n\t\t\t\tcurStart = prevProperty?prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty? prevProperty.endPosition : startPosition;\n\t\t\t}else{\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);\n\t\t\tlet slice = makePath(curPath, 'pie-path', 'none', this.colors[i]);\n\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\tthis.drawArea.appendChild(slice);\n\n\t\t\tthis.slices.push(slice);\n\t\t\tthis.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: this.grand_total,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\t\t\tif(init){\n\t\t\t\tthis.elements_to_animate.push([slice,\n\t\t\t\t\t{d: makeArcPathStr(startPosition, endPosition, this.center, this.radius, this.clockWise)},\n\t\t\t\t\t650, \"easein\",null,{\n\t\t\t\t\t\td:curPath\n\t\t\t\t\t}]);\n\t\t\t}\n\n\t\t});\n\t\t// if(init){\n\t\t// \trunSMILAnimation(this.chartWrapper, this.svg, this.elements_to_animate);\n\t\t// }\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = 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\n\t\t\ttransform(path, this.calTranslateByAngle(this.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i]*100/this.grand_total).toFixed(1);\n\t\t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t\t\tthis.tip.show_tip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hide_tip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tfor(let i = 0; i < this.slices.length; i++){\n\t\t\tif(target === this.slices[i]){\n\t\t\t\tthis.hoverSlice(prevAcitve,prevIndex,false);\n\t\t\t\tthis.curActiveSlice = target;\n\t\t\t\tthis.curActiveSliceIndex = i;\n\t\t\t\tthis.hoverSlice(target,i,true,e);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n\tbindTooltip() {\n\t\t// this.drawArea.addEventListener('mousemove',this.mouseMove);\n\t\t// this.drawArea.addEventListener('mouseleave',this.mouseLeave);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { makeSVGGroup, makeHeatSquare, makeText } from '../utils/draw';\nimport { addDays, getDdMmYyyy, getWeeksBetween } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { isValidColor } from '../utils/colors';\n\nexport default class Heatmap extends BaseChart {\n\tconstructor(parent, options) {\n\t\tsuper(parent, options);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = options.domain || '';\n\t\tthis.subdomain = options.subdomain || '';\n\t\tthis.data = options.data || {};\n\t\tthis.discrete_domains = options.discrete_domains || 1;\n\t\tthis.count_label = options.count_label || '';\n\n\t\tlet today = new Date();\n\t\tthis.start = options.start || addDays(today, 365);\n\n\t\tlet legend_colors = (options.legend_colors || []).slice(0, 5);\n\t\tthis.legend_colors = this.validate_colors(legend_colors)\n\t\t\t? legend_colors\n\t\t\t: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\t// Fixed 5-color theme,\n\t\t// More colors are difficult to parse visually\n\t\tthis.distribution_size = 5;\n\n\t\tthis.translateX = 0;\n\t\tthis.setup();\n\t}\n\n\tvalidate_colors(colors) {\n\t\tif(colors.length < 5) return 0;\n\n\t\tlet valid = 1;\n\t\tcolors.forEach(function(string) {\n\t\t\tif(!isValidColor(string)) {\n\t\t\t\tvalid = 0;\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t}\n\t\t}, this);\n\n\t\treturn valid;\n\t}\n\n\tconfigure() {\n\t\tsuper.configure();\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.first_week_start = new Date(this.start.toDateString());\n\t\tthis.last_week_start = new Date(this.today.toDateString());\n\t\tif(this.first_week_start.getDay() !== 7) {\n\t\t\taddDays(this.first_week_start, (-1) * this.first_week_start.getDay());\n\t\t}\n\t\tif(this.last_week_start.getDay() !== 7) {\n\t\t\taddDays(this.last_week_start, (-1) * this.last_week_start.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.first_week_start + '', this.last_week_start + '') + 1;\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 3) * 12 ;\n\n\t\tif(this.discrete_domains) {\n\t\t\tthis.baseWidth += (12 * 12);\n\t\t}\n\t}\n\n\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\t// Array.prototype.slice.call(\n\t\t// \tthis.container.querySelectorAll('.graph-stats-container, .sub-title, .title')\n\t\t// ).map(d => {\n\t\t// \td.style.display = 'None';\n\t\t// });\n\t\t// this.chartWrapper.style.marginTop = '0px';\n\t\t// this.chartWrapper.style.paddingTop = '0px';\n\t}\n\n\tcalc() {\n\n\t\tlet data_values = Object.keys(this.data).map(key => this.data[key]);\n\t\tthis.distribution = calcDistribution(data_values, this.distribution_size);\n\n\t\tthis.month_names = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\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 current_week_sunday = new Date(this.first_week_start);\n\t\tthis.week_col = 0;\n\t\tthis.current_month = current_week_sunday.getMonth();\n\n\t\tthis.months = [this.current_month + ''];\n\t\tthis.month_weeks = {}, this.month_start_points = [];\n\t\tthis.month_weeks[this.current_month] = 0;\n\t\tthis.month_start_points.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet data_group, month_change = 0;\n\t\t\tlet day = new Date(current_week_sunday);\n\n\t\t\t[data_group, month_change] = this.get_week_squares_group(day, this.week_col);\n\t\t\tthis.dataGroups.appendChild(data_group);\n\t\t\tthis.week_col += 1 + parseInt(this.discrete_domains && month_change);\n\t\t\tthis.month_weeks[this.current_month]++;\n\t\t\tif(month_change) {\n\t\t\t\tthis.current_month = (this.current_month + 1) % 12;\n\t\t\t\tthis.months.push(this.current_month + '');\n\t\t\t\tthis.month_weeks[this.current_month] = 1;\n\t\t\t}\n\t\t\taddDays(current_week_sunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(current_date, index) {\n\t\tconst no_of_weekdays = 7;\n\t\tconst square_side = 10;\n\t\tconst cell_padding = 2;\n\t\tconst step = 1;\n\t\tconst today_time = this.today.getTime();\n\n\t\tlet month_change = 0;\n\t\tlet week_col_change = 0;\n\n\t\tlet data_group = makeSVGGroup(this.dataGroups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < no_of_weekdays; i += step, y += (square_side + cell_padding)) {\n\t\t\tlet data_value = 0;\n\t\t\tlet colorIndex = 0;\n\n\t\t\tlet current_timestamp = current_date.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(current_timestamp - (current_timestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdata_value = this.data[timestamp];\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdata_value = this.data[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(data_value) {\n\t\t\t\tcolorIndex = getMaxCheckpoint(data_value, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + week_col_change) * 12;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(current_date),\n\t\t\t\t'data-value': data_value,\n\t\t\t\t'data-day': current_date.getDay()\n\t\t\t};\n\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, square_side,\n\t\t\t\tthis.legend_colors[colorIndex], dataAttr);\n\n\t\t\tdata_group.appendChild(heatSquare);\n\n\t\t\tlet next_date = new Date(current_date);\n\t\t\taddDays(next_date, 1);\n\t\t\tif(next_date.getTime() > today_time) break;\n\n\n\t\t\tif(next_date.getMonth() - current_date.getMonth()) {\n\t\t\t\tmonth_change = 1;\n\t\t\t\tif(this.discrete_domains) {\n\t\t\t\t\tweek_col_change = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.month_start_points.push(13 + (index + week_col_change) * 12);\n\t\t\t}\n\t\t\tcurrent_date = next_date;\n\t\t}\n\n\t\treturn [data_group, month_change];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.first_week_start.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.month_start_points.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.month_start_points.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.month_start_points.shift();\n\t\tthis.months.pop();\n\t\tthis.month_start_points.pop();\n\n\t\tthis.month_start_points.map((start, i) => {\n\t\t\tlet month_name =  this.month_names[this.months[i]].substring(0, 3);\n\t\t\tlet text = makeText('y-value-text', start+12, 10, month_name);\n\t\t\tthis.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 date_parts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.month_names[parseInt(date_parts[1])-1].substring(0, 3);\n\n\t\t\t\tlet g_off = this.chartWrapper.getBoundingClientRect(), p_off = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = p_off.left - g_off.left + (width+2)/2;\n\t\t\t\tlet y = p_off.top - g_off.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.count_label;\n\t\t\t\tlet name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];\n\n\t\t\t\tthis.tip.setValues(x, y, name, value, [], 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_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, DEFAULT_AXIS_CHART_TYPE, 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\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure();\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 || 1;\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_MARGIN;\n\t\tthis.rightMargin = Y_AXIS_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, i) => {\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\tif(!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.start = scale(d.start, s.yAxis);\n\t\t\t\td.end = 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\treturn [].concat(...this.data.datasets.map(d => d[key]));\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\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\t// console.log('barDatasets', barDatasets, this.state.datasets);\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.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.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.chartWrapper);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.translateY;\n\n\t\t\tif(relY < this.height + this.translateY * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.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 titles = s.xAxis.labels;\n\t\tif(this.formatTooltipX && this.formatTooltipX(titles[0])) {\n\t\t\ttitles = titles.map(d=>this.formatTooltipX(d));\n\t\t}\n\n\t\tlet formatY = this.formatTooltipY && this.formatTooltipY(this.y[0].values[0]);\n\n\t\tfor(var i=s.datasetLength - 1; i >= 0 ; i--) {\n\t\t\tlet xVal = s.xAxis.positions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxis.positions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.leftMargin;\n\t\t\t\tlet y = s.yExtremes[i] + this.translateY;\n\n\t\t\t\tlet values = this.data.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.title,\n\t\t\t\t\t\tvalue: formatY ? this.formatTooltipY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.setValues(x, y, titles[i], '', values);\n\t\t\t\tthis.tip.showTip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tmakeOverlay() {\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\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t})\n\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\t// on event, update overlay\n\t\tthis.parent.addEventListener('data-select', (e) => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits(units_array) {\n\t\t// units_array.map(unit => {\n\t\t// \tunit.addEventListener('click', () => {\n\t\t// \t\tlet index = unit.getAttribute('data-point-index');\n\t\t// \t\tthis.setCurrentDataPoint(index);\n\t\t// \t});\n\t\t// });\n\t}\n\n\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\t// check for length\n\t\tlet data_point = {\n\t\t\tindex: index\n\t\t};\n\t\t// let y = this.y[0];\n\t\t// ['svg_units', 'yUnitPositions', 'values'].map(key => {\n\t\t// \tlet data_key = key.slice(0, key.length-1);\n\t\t// \tdata_point[data_key] = y[key][index];\n\t\t// });\n\t\t// data_point.label = this.xAxis.labels[index];\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\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\t// console.log(label, datasetValues, this.data.labels);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\t// console.log(this.data);\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// getDataPoint(index = 0) {}\n\t// setCurrentDataPoint(point) {}\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\t// updateDatasets(datasets) {}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\n}\n\n\n// keep a binding at the end of chart\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","extra_count","translate","unit","oldCoord","newCoord","duration","old","join","transform","STD_EASING","translateVertLine","xLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","yLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","x","width","offset","nodeName","UNIT_ANIM_DUR","split","slice","animateDot","dot","cx","cy","animatePath","paths","newXList","newYList","pathComponents","pathStr","map","i","animPath","path","PATH_ANIM_DUR","push","region","regStartPt","regEndPt","animRegion","createSVG","tag","o","createElementNS","val","appendChild","ref","parentNode","insertBefore","keys","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","color","opacity","makeSVGContainer","parent","className","makeSVGDefs","svgContainer","makeSVGGroup","makePath","makeArcPathStr","startPosition","endPosition","center","clockWise","arcStartX","arcStartY","arcEndX","arcEndY","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","size","data","args","key","makeText","content","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","pos","mode","AXIS_TICK_LENGTH","yMarker","labelSvg","yRegion","datasetBar","index","meta","minHeight","group","datasetDot","getPaths","xList","yList","pointsStr","heatline","gradient_id","svgDefs","regionFill","gradient_id_region","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","getDifferentChart","current_type","ALL_CHART_TYPES","includes","error","COMPATIBLE_CHARTS","useColor","COLOR_COMPATIBLE_CHARTS","colors","undefined","Chart","animateSVGElement","props","dur","easingType","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","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","ceil","getDaysBetween","addDays","numberOfDays","setDate","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalize","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","filter","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getComponent","name","constants","getData","Object","componentConfigs","k","config","assign","ChartComponent","getChartByType","AxisChart","chartTypes","create","createElement","SvgTip","titleName","titleValue","listValues","titleValueFirst","setup","makeTooltip","calcPosition","container","this","hideTip","title","dataPointList","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","maxLeft","pointer","pointerOffset","refresh","PI","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","PRESET_COLOR_MAP","DEFAULT_COLORS","BaseChart","rawChartArgs","HTMLElement","Error","subtitle","argHeight","prepareData","prepareFirstData","showLegend","isNavigable","state","overlays","configure","setColors","setMargins","_this","draw","list","baseHeight","translateY","leftMargin","rightMargin","validate","_setup","makeContainer","components","Map","chartWrapper","statsWrapper","tip","bindTooltip","onlyWidthChange","init","calcWidth","calc","makeChartArea","setupComponents","forEach","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","svg","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","point","dataset","dataPoint","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","a","sumOfRemaining","legendTotals","x_values","formatted_labels","_this3","PercentageChart","marginTop","marginBottom","paddingTop","chart","percentageBar","grand_total","reduce","slices","classList","contains","g_off","p_off","percent","setValues","showTip","PieChart","hoverRadio","startAngle","mouseMove","mouseLeave","prevSlicesProperties","slicesProperties","elements_to_animate","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","transition","property","position","flag","calTranslateByAngle","pageX","pageY","set_values","show_tip","hide_tip","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","domain","subdomain","discrete_domains","count_label","today","legend_colors","validate_colors","distribution_size","translateX","valid","warn","setFullYear","first_week_start","toDateString","last_week_start","getDay","no_of_cols","domainLabelGroup","dataGroups","data_values","month_names","renderAllWeeksAndStoreXValues","no_of_weeks","textContent","current_week_sunday","week_col","current_month","months","month_weeks","month_start_points","data_group","month_change","day","get_week_squares_group","render_month_labels","current_date","today_time","getTime","week_col_change","square_side","data_value","colorIndex","current_timestamp","timestamp","round","dataAttr","heatSquare","next_date","shift","pop","substring","prototype","call","querySelectorAll","date_parts","month","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","positions","newData","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","_this5","newStarts","oldStarts","unitType","units","yPositions","xPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","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","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","component","relX","mapTooltipXPosition","titles","formatY","xVal","overlayGuides","currentIndex","currentUnit","_this6","units_array","_this8","setCurrentDataPoint","getDataPoint","datasetValues","splice"],"mappings":"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"}
\ No newline at end of file
diff --git a/src/js/charts/AggregationChart.js b/src/js/charts/AggregationChart.js
index c5cee1d..34435f0 100644
--- a/src/js/charts/AggregationChart.js
+++ b/src/js/charts/AggregationChart.js
@@ -40,10 +40,10 @@ export default class AggregationChart extends BaseChart {
 			this.colors[maxSlices-1] = 'grey';
 		}
 
-		this.labels = [];
+		s.labels = [];
 		totals.map(d => {
 			s.sliceTotals.push(d[0]);
-			this.labels.push(d[1]);
+			s.labels.push(d[1]);
 		});
 	}
 
@@ -57,7 +57,7 @@ export default class AggregationChart extends BaseChart {
 		this.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);
 
 		let x_values = this.formatted_labels && this.formatted_labels.length > 0
-			? this.formatted_labels : this.labels;
+			? this.formatted_labels : s.labels;
 		this.legendTotals.map((d, i) => {
 			if(d) {
 				let stats = $.create('div', {
diff --git a/src/js/charts/AxisChart.js b/src/js/charts/AxisChart.js
index c061ec4..16c9f9e 100644
--- a/src/js/charts/AxisChart.js
+++ b/src/js/charts/AxisChart.js
@@ -345,7 +345,7 @@ export default class AxisChart extends BaseChart {
 			if(relY < this.height + this.translateY * 2) {
 				this.mapTooltipXPosition(relX);
 			} else {
-				this.tip.hide_tip();
+				this.tip.hideTip();
 			}
 		});
 	}
@@ -376,8 +376,8 @@ export default class AxisChart extends BaseChart {
 					};
 				});
 
-				this.tip.set_values(x, y, titles[i], '', values);
-				this.tip.show_tip();
+				this.tip.setValues(x, y, titles[i], '', values);
+				this.tip.showTip();
 				break;
 			}
 		}
diff --git a/src/js/charts/Heatmap.js b/src/js/charts/Heatmap.js
index d1d1eae..b147152 100644
--- a/src/js/charts/Heatmap.js
+++ b/src/js/charts/Heatmap.js
@@ -245,8 +245,8 @@ export default class Heatmap extends BaseChart {
 				let value = count + ' ' + this.count_label;
 				let name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];
 
-				this.tip.set_values(x, y, name, value, [], 1);
-				this.tip.show_tip();
+				this.tip.setValues(x, y, name, value, [], 1);
+				this.tip.showTip();
 			});
 		});
 	}
diff --git a/src/js/charts/PercentageChart.js b/src/js/charts/PercentageChart.js
index 31a657e..0d83b20 100644
--- a/src/js/charts/PercentageChart.js
+++ b/src/js/charts/PercentageChart.js
@@ -40,6 +40,7 @@ export default class PercentageChart extends AggregationChart {
 		s.sliceTotals.map((total, i) => {
 			let slice = $.create('div', {
 				className: `progress-bar`,
+				'data-index': i,
 				inside: this.percentageBar,
 				styles: {
 					background: this.colors[i],
@@ -52,19 +53,23 @@ export default class PercentageChart extends AggregationChart {
 
 	bindTooltip() {
 		let s = this.state;
-		// this.slices.map((slice, i) => {
-		// 	slice.addEventListener('mouseenter', () => {
-		// 		let g_off = getOffset(this.chartWrapper), p_off = getOffset(slice);
 
-		// 		let x = p_off.left - g_off.left + slice.offsetWidth/2;
-		// 		let y = p_off.top - g_off.top - 6;
-		// 		let title = (this.formatted_labels && this.formatted_labels.length>0
-		// 			? this.formatted_labels[i] : this.labels[i]) + ': ';
-		// 		let percent = (s.sliceTotals[i]*100/this.grand_total).toFixed(1);
+		this.chartWrapper.addEventListener('mousemove', (e) => {
+			let slice = e.target;
+			if(slice.classList.contains('progress-bar')) {
 
-		// 		this.tip.set_values(x, y, title, percent + "%");
-		// 		this.tip.show_tip();
-		// 	});
-		// });
+				let i = slice.getAttribute('data-index');
+				let g_off = getOffset(this.chartWrapper), p_off = getOffset(slice);
+
+				let x = p_off.left - g_off.left + slice.offsetWidth/2;
+				let y = p_off.top - g_off.top - 6;
+				let title = (this.formatted_labels && this.formatted_labels.length>0
+					? this.formatted_labels[i] : this.state.labels[i]) + ': ';
+				let percent = (s.sliceTotals[i]*100/this.grand_total).toFixed(1);
+
+				this.tip.setValues(x, y, title, percent + "%");
+				this.tip.showTip();
+			}
+		});
 	}
 }
diff --git a/src/js/charts/PieChart.js b/src/js/charts/PieChart.js
index 323ab32..108be3a 100644
--- a/src/js/charts/PieChart.js
+++ b/src/js/charts/PieChart.js
@@ -103,7 +103,7 @@ export default class PieChart extends AggregationChart {
 			let x = e.pageX - g_off.left + 10;
 			let y = e.pageY - g_off.top - 10;
 			let title = (this.formatted_labels && this.formatted_labels.length > 0
-				? this.formatted_labels[i] : this.labels[i]) + ': ';
+				? this.formatted_labels[i] : this.state.labels[i]) + ': ';
 			let percent = (this.state.sliceTotals[i]*100/this.grand_total).toFixed(1);
 			this.tip.set_values(x, y, title, percent + "%");
 			this.tip.show_tip();
diff --git a/src/js/objects/SvgTip.js b/src/js/objects/SvgTip.js
index b773266..d9f0cac 100644
--- a/src/js/objects/SvgTip.js
+++ b/src/js/objects/SvgTip.js
@@ -7,10 +7,10 @@ export default class SvgTip {
 	}) {
 		this.parent = parent;
 		this.colors = colors;
-		this.title_name = '';
-		this.title_value = '';
-		this.list_values = [];
-		this.title_value_first = 0;
+		this.titleName = '';
+		this.titleValue = '';
+		this.listValues = [];
+		this.titleValueFirst = 0;
 
 		this.x = 0;
 		this.y = 0;
@@ -22,16 +22,16 @@ export default class SvgTip {
 	}
 
 	setup() {
-		this.make_tooltip();
+		this.makeTooltip();
 	}
 
 	refresh() {
 		this.fill();
-		this.calc_position();
-		// this.show_tip();
+		this.calcPosition();
+		// this.showTip();
 	}
 
-	make_tooltip() {
+	makeTooltip() {
 		this.container = $.create('div', {
 			inside: this.parent,
 			className: 'graph-svg-tip comparison',
@@ -39,27 +39,27 @@ export default class SvgTip {
 				<ul class="data-point-list"></ul>
 				<div class="svg-pointer"></div>`
 		});
-		this.hide_tip();
+		this.hideTip();
 
 		this.title = this.container.querySelector('.title');
-		this.data_point_list = this.container.querySelector('.data-point-list');
+		this.dataPointList = this.container.querySelector('.data-point-list');
 
 		this.parent.addEventListener('mouseleave', () => {
-			this.hide_tip();
+			this.hideTip();
 		});
 	}
 
 	fill() {
 		let title;
-		if(this.title_value_first) {
-			title = `<strong>${this.title_value}</strong>${this.title_name}`;
+		if(this.titleValueFirst) {
+			title = `<strong>${this.titleValue}</strong>${this.titleName}`;
 		} else {
-			title = `${this.title_name}<strong>${this.title_value}</strong>`;
+			title = `${this.titleName}<strong>${this.titleValue}</strong>`;
 		}
 		this.title.innerHTML = title;
-		this.data_point_list.innerHTML = '';
+		this.dataPointList.innerHTML = '';
 
-		this.list_values.map((set, i) => {
+		this.listValues.map((set, i) => {
 			const color = this.colors[i] || 'black';
 
 			let li = $.create('li', {
@@ -70,50 +70,50 @@ export default class SvgTip {
 					${set.title ? set.title : '' }`
 			});
 
-			this.data_point_list.appendChild(li);
+			this.dataPointList.appendChild(li);
 		});
 	}
 
-	calc_position() {
+	calcPosition() {
 		let width = this.container.offsetWidth;
 
 		this.top = this.y - this.container.offsetHeight;
 		this.left = this.x - width/2;
-		let max_left = this.parent.offsetWidth - width;
+		let maxLeft = this.parent.offsetWidth - width;
 
 		let pointer = this.container.querySelector('.svg-pointer');
 
 		if(this.left < 0) {
 			pointer.style.left = `calc(50% - ${-1 * this.left}px)`;
 			this.left = 0;
-		} else if(this.left > max_left) {
-			let delta = this.left - max_left;
-			let pointer_offset = `calc(50% + ${delta}px)`;
-			pointer.style.left = pointer_offset;
+		} else if(this.left > maxLeft) {
+			let delta = this.left - maxLeft;
+			let pointerOffset = `calc(50% + ${delta}px)`;
+			pointer.style.left = pointerOffset;
 
-			this.left = max_left;
+			this.left = maxLeft;
 		} else {
 			pointer.style.left = `50%`;
 		}
 	}
 
-	set_values(x, y, title_name = '', title_value = '', list_values = [], title_value_first = 0) {
-		this.title_name = title_name;
-		this.title_value = title_value;
-		this.list_values = list_values;
+	setValues(x, y, titleName = '', titleValue = '', listValues = [], titleValueFirst = 0) {
+		this.titleName = titleName;
+		this.titleValue = titleValue;
+		this.listValues = listValues;
 		this.x = x;
 		this.y = y;
-		this.title_value_first = title_value_first;
+		this.titleValueFirst = titleValueFirst;
 		this.refresh();
 	}
 
-	hide_tip() {
+	hideTip() {
 		this.container.style.top = '0px';
 		this.container.style.left = '0px';
 		this.container.style.opacity = '0';
 	}
 
-	show_tip() {
+	showTip() {
 		this.container.style.top = this.top + 'px';
 		this.container.style.left = this.left + 'px';
 		this.container.style.opacity = '1';