diff --git a/dist/frappe-charts.esm.js b/dist/frappe-charts.esm.js
index 74c5ee5..c653f53 100644
--- a/dist/frappe-charts.esm.js
+++ b/dist/frappe-charts.esm.js
@@ -290,6 +290,23 @@ const REPLACE_ALL_NEW_DUR = 250;
 
 const STD_EASING = 'easein';
 
+function translate(unit, oldCoord, newCoord, duration) {
+	return [
+		unit,
+		{transform: newCoord.join(', ')},
+		duration,
+		STD_EASING,
+		"translate",
+		{transform: oldCoord.join(', ')}
+	];
+}
+
+
+
+function translateHoriLine(yLine, newY, oldY) {
+	return translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);
+}
+
 const AXIS_TICK_LENGTH = 6;
 const LABEL_MARGIN = 4;
 const FONT_SIZE = 10;
@@ -478,8 +495,8 @@ function makeHoriLine(y, label, x1, x2, options={}) {
 		className: className,
 		x1: x1,
 		x2: x2,
-		y1: y,
-		y2: y,
+		y1: 0,
+		y2: 0,
 		styles: {
 			stroke: options.stroke
 		}
@@ -487,7 +504,7 @@ function makeHoriLine(y, label, x1, x2, options={}) {
 
 	let text = createSVG('text', {
 		x: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,
-		y: y,
+		y: 0,
 		dy: (FONT_SIZE / 2 - 2) + 'px',
 		'font-size': FONT_SIZE + 'px',
 		'text-anchor': x1 < x2 ? 'end' : 'start',
@@ -495,6 +512,7 @@ function makeHoriLine(y, label, x1, x2, options={}) {
 	});
 
 	let line = createSVG('g', {
+		transform: `translate(0, ${y})`,
 		'stroke-opacity': 1
 	});
 
@@ -508,6 +526,31 @@ function makeHoriLine(y, label, x1, x2, options={}) {
 	return line;
 }
 
+function yLine(y, label, width, options={}) {
+	if(!options.pos) options.pos = 'left';
+	if(!options.offset) options.offset = 0;
+	if(!options.mode) options.mode = 'span';
+	if(!options.stroke) options.stroke = BASE_LINE_COLOR;
+	if(!options.className) options.className = '';
+
+	let x1 = -1 * AXIS_TICK_LENGTH;
+	let x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;
+
+	if(options.mode === 'tick' && options.pos === 'right') {
+		x1 = width + AXIS_TICK_LENGTH;
+		x2 = width;
+	}
+
+	x1 += options.offset;
+	x2 += options.offset;
+
+	return makeHoriLine(y, label, x1, x2, {
+		stroke: options.stroke,
+		className: options.className,
+		lineType: options.lineType
+	});
+}
+
 class AxisChartRenderer {
 	constructor(state) {
 		this.refreshState(state);
@@ -529,7 +572,7 @@ class AxisChartRenderer {
 	xLine(x, label, options={}) {
 		if(!options.pos) options.pos = 'bottom';
 		if(!options.offset) options.offset = 0;
-		if(!options.mode) options.mode = this.xAxisMode;
+		if(!options.mode) options.mode = 'span';
 		if(!options.stroke) options.stroke = BASE_LINE_COLOR;
 		if(!options.className) options.className = '';
 
@@ -560,30 +603,7 @@ class AxisChartRenderer {
 		});
 	}
 
-	yLine(y, label, options={}) {
-		if(!options.pos) options.pos = 'left';
-		if(!options.offset) options.offset = 0;
-		if(!options.mode) options.mode = this.yAxisMode;
-		if(!options.stroke) options.stroke = BASE_LINE_COLOR;
-		if(!options.className) options.className = '';
-
-		let x1 = -1 * AXIS_TICK_LENGTH;
-		let x2 = options.mode === 'span' ? this.totalWidth + AXIS_TICK_LENGTH : 0;
-
-		if(options.mode === 'tick' && options.pos === 'right') {
-			x1 = this.totalWidth + AXIS_TICK_LENGTH;
-			x2 = this.totalWidth;
-		}
-
-		x1 += options.offset;
-		x2 += options.offset;
 
-		return makeHoriLine(y, label, x1, x2, {
-			stroke: options.stroke,
-			className: options.className,
-			lineType: options.lineType
-		});
-	}
 
 
 	xMarker() {}
@@ -713,25 +733,6 @@ class AxisChartRenderer {
 
 		return pathComponents;
 	}
-
-	translate(unit, oldCoord, newCoord, duration) {
-		return [
-			unit,
-			{transform: newCoord.join(', ')},
-			duration,
-			STD_EASING,
-			"translate",
-			{transform: oldCoord.join(', ')}
-		];
-	}
-
-	translateVertLine(xLine, newX, oldX) {
-		return this.translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);
-	}
-
-	translateHoriLine(yLine, newY, oldY) {
-		return this.translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);
-	}
 }
 
 const PRESET_COLOR_MAP = {
@@ -1066,11 +1067,15 @@ class BaseChart {
 	_setup() {
 		this.bindWindowEvents();
 		this.setupConstants();
-		this.setupComponents();
 
 		this.setMargins();
 		this.makeContainer();
 		this.makeTooltip(); // without binding
+
+		this.calcWidth();
+		this.makeChartArea();
+		this.setupComponents();
+
 		this.draw(true);
 	}
 
@@ -1113,31 +1118,13 @@ class BaseChart {
 	bindTooltip() {}
 
 	draw(init=false) {
-		// difference from update(): draw the whole object due to groudbreaking event (init, resize, etc.)
-		// (draw everything, layers, groups, units)
-
-		this.calcWidth();
-
-		// refresh conponent with chart
-		this.refresh(this.data);
-
-		this.makeChartArea();
-		this.setComponentParent();
-		this.makeComponentLayers();
-
+		this.components.forEach(c => c.make()); // or c.build()
 		this.renderLegend();
-		this.setupNavigation(init);
-
-		// first time plain render, so no rerender
-		this.renderComponents();
-		this.renderConstants();
 
-		if(this.config.animate) this.update(this.firstUpdateData);
-	}
+		this.setupNavigation(init);
 
-	update(data) {
-		this.refresh(data);
-		this.reRender();
+		// TODO: remove timeout and decrease post animate time in chart component
+		setTimeout(() => {this.update();}, 1000);
 	}
 
 	calcWidth() {
@@ -1153,15 +1140,34 @@ class BaseChart {
 		this.width = this.baseWidth - (this.translateXLeft + this.translateXRight);
 	}
 
-	refresh(data) { //?? refresh?
-		this.oldState = this.state ? JSON.parse(JSON.stringify(this.state)) : {};
-		this.intermedState = {}; // use this for the extra position problems?
-
+	update(data=this.data) {
 		this.prepareData(data);
-		this.reCalc();
+		this.calc(); // builds state
 		this.refreshRenderer();
+		this.render();
 	}
 
+	prepareData() {}
+
+	renderConstants() {}
+
+	calc() {} // builds state
+
+	refreshRenderer() {
+		this.renderer = {};
+	}
+
+	render(animate=true) {
+		this.refreshComponents();
+		this.elementsToAnimate = [].concat.apply([], this.components.map(c => c.update(animate)));
+		console.log(this.elementsToAnimate);
+		if(this.elementsToAnimate) {
+			runSMILAnimation(this.chartWrapper, this.svg, this.elementsToAnimate);
+		}
+	}
+
+	refreshComponents() {}
+
 	makeChartArea() {
 		this.svg = makeSVGContainer(
 			this.chartWrapper,
@@ -1185,41 +1191,6 @@ class BaseChart {
 		);
 	}
 
-	prepareData() {}
-
-	renderConstants() {}
-
-	reCalc() {}
-	// Will update values(state)
-	// Will recalc specific parts depending on the update
-
-	refreshRenderer() {
-		this.renderer = {};
-	}
-
-	reRender(animate=true) {
-		if(!animate) {
-			this.renderComponents();
-			return;
-		}
-		this.elementsToAnimate = [];
-		this.loadAnimatedComponents();
-		runSMILAnimation(this.chartWrapper, this.svg, this.elementsToAnimate);
-		setTimeout(() => {
-			this.renderComponents();
-		}, 400);
-		// TODO: should be max anim duration required
-		// (opt, should not redraw if still in animate?)
-	}
-
-	// convenient component array abstractions
-	setComponentParent() { this.components.forEach(c => c.setupParent(this.drawArea)); };
-	makeComponentLayers() { this.components.forEach(c => c.makeLayer()); }
-	renderComponents() { this.components.forEach(c => c.render()); }
-	loadAnimatedComponents() { this.components.forEach(c => c.loadAnimatedComponents()); }
-
-	refreshComponents() { this.components.forEach(c => c.refresh(this.state, this.rawChartArgs)); }
-
 	renderLegend() {}
 
 	setupNavigation(init=false) {
@@ -1299,66 +1270,107 @@ class BaseChart {
 
 const Y_AXIS_MARGIN = 60;
 
-class ChartComponent {
+class ChartComponent$1 {
 	constructor({
 		layerClass = '',
 		layerTransform = '',
-		initData,
+		parent,
+		constants,
+		data,
 
 		// called on update
-		setData,
 		preMake,
-		make,
+		makeElements,
 		postMake,
-		animate
+		animateElements
 	}) {
+		this.parent = parent;
 		this.layerClass = layerClass;
 		this.layerTransform = layerTransform;
-
-		this.initData = initData;
-		this.setData = setData;
+		this.constants = constants;
 
 		this.preMake = preMake;
-		this.make = make;
+		this.makeElements = makeElements;
 		this.postMake = postMake;
 
-		this.animate = animate;
+		this.animateElements = animateElements;
 
-		this.layer = undefined;
 		this.store = [];
-	}
+		this.layer = makeSVGGroup(this.parent, this.layerClass, this.layerTransform);
 
-	refresh(state, args) {
-		this.meta = Object.assign((this.meta || {}), args);
-		this.state = state;
-	}
+		this.data = data;
 
+		this.make();
+	}
 
-	render() {
-		this.data = this.setData(); // The only without this function?
+	refresh(data) {
+		this.data = data;
+	}
 
+	make() {
 		this.preMake && this.preMake();
-		this.store = this.make();
+		this.render(this.data);
+		this.postMake && this.postMake();
+		this.oldData = this.data;
+	}
+
+	render(data) {
+		this.store = this.makeElements(data);
 
 		this.layer.textContent = '';
 		this.store.forEach(element => {
 			this.layer.appendChild(element);
 		});
-
-		this.postMake && this.postMake();
 	}
 
-	setupParent(parent) {
-		this.parent = parent;
+	update(animate = true) {
+		let animateElements = [];
+		if(animate) {
+			animateElements = this.animateElements(this.data);
+		}
+		// TODO: Can we remove this?
+		setTimeout(() => {
+			this.make();
+		}, 1400);
+		return animateElements;
 	}
+}
 
-	loadAnimatedComponents() {
-		this.animate(this.store);
-	}
+function getYAxisComponent(parent, constants, initData) {
+	return new ChartComponent$1({
+		parent: parent,
+		layerClass: 'y axis',
+		constants: constants,
+		data: initData,
+		makeElements: function(data) {
+			return data.positions.map((position, i) =>
+				yLine(position, data.labels[i], this.constants.width,
+					{mode: this.constants.mode, pos: this.constants.pos})
+			);
+		},
+
+		animateElements: function(newData) {
+			let newPos =  newData.positions;
+			let newLabels =  newData.labels;
+
+			let oldPos = this.oldData.positions;
+			let oldLabels = this.oldData.labels;
+
+			[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);
+			[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);
+
+			this.render({
+				positions: oldPos,
+				labels: newLabels
+			});
 
-	makeLayer() {
-		this.layer = makeSVGGroup(this.parent, this.layerClass, this.layerTransform);
-	}
+			return this.store.map((line, i) => {
+				return translateHoriLine(
+					line, newPos[i], oldPos[i]
+				);
+			});
+		}
+	})
 }
 
 const MIN_BAR_PERCENT_HEIGHT$1 = 0.01;
@@ -1612,7 +1624,7 @@ function normalize(x) {
 	return [sig * man, exp];
 }
 
-function getRangeIntervals(max, min=0) {
+function getChartRangeIntervals(max, min=0) {
 	let upperBound = Math.ceil(max);
 	let lowerBound = Math.floor(min);
 	let range = upperBound - lowerBound;
@@ -1650,19 +1662,19 @@ function getRangeIntervals(max, min=0) {
 	return intervals;
 }
 
-function getIntervals(maxValue, minValue=0) {
+function getChartIntervals(maxValue, minValue=0) {
 	let [normalMaxValue, exponent] = normalize(maxValue);
 	let normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;
 
 	// Allow only 7 significant digits
 	normalMaxValue = normalMaxValue.toFixed(6);
 
-	let intervals = getRangeIntervals(normalMaxValue, normalMinValue);
+	let intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);
 	intervals = intervals.map(value => value * Math.pow(10, exponent));
 	return intervals;
 }
 
-function calcIntervals(values, withMinimum=false) {
+function calcChartIntervals(values, withMinimum=false) {
 	//*** Where the magic happens ***
 
 	// Calculates best-fit y intervals from given values
@@ -1675,7 +1687,7 @@ function calcIntervals(values, withMinimum=false) {
 	let exponent = 0, intervals = []; // eslint-disable-line no-unused-vars
 
 	function getPositiveFirstIntervals(maxValue, absMinValue) {
-		let intervals = getIntervals(maxValue);
+		let intervals = getChartIntervals(maxValue);
 
 		let intervalSize = intervals[1] - intervals[0];
 
@@ -1693,9 +1705,9 @@ function calcIntervals(values, withMinimum=false) {
 	if(maxValue >= 0 && minValue >= 0) {
 		exponent = normalize(maxValue)[1];
 		if(!withMinimum) {
-			intervals = getIntervals(maxValue);
+			intervals = getChartIntervals(maxValue);
 		} else {
-			intervals = getIntervals(maxValue, minValue);
+			intervals = getChartIntervals(maxValue, minValue);
 		}
 	}
 
@@ -1733,9 +1745,9 @@ function calcIntervals(values, withMinimum=false) {
 
 		exponent = normalize(pseudoMaxValue)[1];
 		if(!withMinimum) {
-			intervals = getIntervals(pseudoMaxValue);
+			intervals = getChartIntervals(pseudoMaxValue);
 		} else {
-			intervals = getIntervals(pseudoMaxValue, pseudoMinValue);
+			intervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);
 		}
 
 		intervals = intervals.reverse().map(d => d * (-1));
@@ -1765,6 +1777,18 @@ function getZeroIndex(yPts) {
 	return zeroIndex;
 }
 
+function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {
+	let range = max - min;
+	let part = range * 1.0 / noOfIntervals;
+	let intervals = [];
+
+	for(var i = 0; i <= noOfIntervals; i++) {
+		intervals.push(min + part * i);
+	}
+
+	return asc ? intervals : intervals.reverse();
+}
+
 function getIntervalSize(orderedArray) {
 	return orderedArray[1] - orderedArray[0];
 }
@@ -1805,6 +1829,9 @@ class AxisChart extends BaseChart {
 		this.lineOptions = args.lineOptions;
 		this.type = args.type || 'line';
 
+		this.xAxisMode = args.xAxisMode || 'span';
+		this.yAxisMode = args.yAxisMode || 'span';
+
 		this.setupUnitRenderer();
 
 		this.zeroLine = this.height;
@@ -1908,7 +1935,7 @@ class AxisChart extends BaseChart {
 		};
 	}
 
-	reCalc() {
+	calc() {
 		let s = this.state;
 
 		s.xAxisLabels = this.data.labels;
@@ -1940,7 +1967,7 @@ class AxisChart extends BaseChart {
 	}
 
 	calcYAxisParameters(yAxis, dataValues, withMinimum = 'false') {
-		yAxis.labels = calcIntervals(dataValues, withMinimum);
+		yAxis.labels = calcChartIntervals(dataValues, withMinimum);
 		const yPts = yAxis.labels;
 
 		yAxis.scaleMultiplier = this.height / getValueRange(yPts);
@@ -2040,78 +2067,63 @@ class AxisChart extends BaseChart {
 		// 	this.bind_units(units_array);
 		// }
 
+		this.yAxis = getYAxisComponent(
+			this.drawArea,
+			{
+				mode: this.yAxisMode,
+				width: this.width,
+				// pos: 'right'
+			},
+			{
+				positions: getRealIntervals(this.height, 4, 0, 0),
+				labels: getRealIntervals(this.height, 4, 0, 0).map(d => d + ""),
+			}
+		);
 		this.components = [
-			...this.getYAxesComponents(),
-			this.getXAxisComponents(),
-			...this.getYRegions(),
-			...this.getXRegions(),
-			...this.getYMarkerLines(),
-			// ...this.getXMarkerLines(),
-			...this.getChartComponents(),
-			...this.getChartLabels(),
+			this.yAxis
+			// this.getXAxisComponents(),
+			// ...this.getYRegions(),
+			// ...this.getXRegions(),
+			// ...this.getYMarkerLines(),
+			// // ...this.getXMarkerLines(),
+			// ...this.getChartComponents(),
+			// ...this.getChartLabels(),
 		];
 	}
 
-	getYAxesComponents() {
-		return [new ChartComponent({
-			layerClass: 'y axis',
-			setData: () => {
-				// let s = this.state;
-
-				// data = {};
-
-
-				// return data;
-			},
-			initializeData: function() {
-				this.axesPositions = this.state;
-			},
-			make: () => {
-				// positions, labels, renderer
-				let s = this.state;
-				return s.yAxis.positions.map((position, i) =>
-					this.renderer.yLine(position, s.yAxis.labels[i], {pos:'right'})
-				);
-			},
-			animate: (yLines) => {
-				// Equilize
-				let newY = this.state.yAxis.positions;
-				let oldY = this.oldState.yAxis.positions;
-
-				let extra = newY.length - oldY.length;
-				let lastLine = yLines[yLines.length - 1];
-				let parentNode = lastLine.parentNode;
-
-				[oldY, newY] = equilizeNoOfElements(oldY, newY);
-				// console.log(newY.slice(), oldY.slice());
-				if(extra > 0) {
-					for(var i = 0; i<extra; i++) {
-						let line = lastLine.cloneNode(true);
-						parentNode.appendChild(line);
-						yLines.push(line);
-					}
-				}
+	refreshComponents() {
+		this.refreshYAxis();
+	}
 
-				yLines.map((line, i) => {
-					// console.log(line, newY[i], oldY[i]);
-					this.elementsToAnimate.push(this.renderer.translateHoriLine(
-						line, newY[i], oldY[i]
-					));
-				});
-			}
-		})];
+	refreshYAxis() {
+		let s = this.state;
+		this.yAxis.refresh({
+			positions: s.yAxis.positions,
+			labels: s.yAxis.labels,
+		});
 	}
 
 	getXAxisComponents() {
 		return new ChartComponent({
 			layerClass: 'x axis',
-			setData: () => {},
-			make: () => {
+			setData: () => {
+				let s = this.state;
+				let data = {
+					positions: s.xAxisPositions,
+					labels: s.xAxisLabels,
+				};
+				let constants = {
+					mode: this.xAxisMode,
+					height: this.height
+				};
+				return [data, constants];
+			},
+			makeElements: () => {
 				let s = this.state;
 				// positions
 				// TODO: xAxis Label spacing
 				return s.xAxisPositions.map((position, i) =>
-					this.renderer.xLine(position, s.xAxisLabels[i]
+					xLine(position, s.xAxisLabels[i], this.constants.height
 						// , {pos:'top'}
 					)
 				);
@@ -2168,7 +2180,7 @@ class AxisChart extends BaseChart {
 			layerClass: 'dataset-units dataset-' + index,
 			setData: () => {},
 			preMake: () => { },
-			make: () => {
+			makeElements: () => {
 				let d = this.state.datasets[index];
 
 				return d.positions.map((y, j) => {
@@ -2230,7 +2242,7 @@ class AxisChart extends BaseChart {
 		return new ChartComponent({
 			layerClass: 'path dataset-path',
 			setData: () => {},
-			make: () => {
+			makeElements: () => {
 				let d = this.state.datasets[index];
 				let color = this.colors[index];
 
@@ -2280,7 +2292,7 @@ class AxisChart extends BaseChart {
 			return new ChartComponent({
 				layerClass: 'y-markers',
 				setData: () => {},
-				make: () => {
+				makeElements: () => {
 					let s = this.state;
 					return s.yMarkers.map(marker =>
 						this.renderer.yMarker(marker.value, marker.name,
@@ -2301,7 +2313,7 @@ class AxisChart extends BaseChart {
 			return new ChartComponent({
 				layerClass: 'y-regions',
 				setData: () => {},
-				make: () => {
+				makeElements: () => {
 					let s = this.state;
 					return s.yRegions.map(region =>
 						this.renderer.yRegion(region.start, region.end, region.name)
@@ -2312,10 +2324,6 @@ class AxisChart extends BaseChart {
 		});
 	}
 
-	getXRegions() {
-		return [];
-	}
-
 	refreshRenderer() {
 		// These args are basically the current state of the chart,
 		// with constant and alive params mixed
@@ -2335,8 +2343,6 @@ class AxisChart extends BaseChart {
 			this.renderer.refreshState(state);
 		}
 
-		this.refreshComponents();
-
 		let meta = {
 			totalHeight: this.height,
 			totalWidth: this.width,
@@ -2778,40 +2784,42 @@ class PercentageChart extends BaseChart {
 		});
 	}
 
-	bindTooltip() {
-		this.slices.map((slice, i) => {
-			slice.addEventListener('mouseenter', () => {
-				let g_off = getOffset(this.chartWrapper), p_off = getOffset(slice);
+	calc() {}
 
-				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 = (this.slice_totals[i]*100/this.grand_total).toFixed(1);
+	// bindTooltip() {
+	// 	this.slices.map((slice, i) => {
+	// 		slice.addEventListener('mouseenter', () => {
+	// 			let g_off = getOffset(this.chartWrapper), p_off = getOffset(slice);
 
-				this.tip.set_values(x, y, title, percent + "%");
-				this.tip.show_tip();
-			});
-		});
-	}
+	// 			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 = (this.slice_totals[i]*100/this.grand_total).toFixed(1);
 
-	renderLegend() {
-		let x_values = this.formatted_labels && this.formatted_labels.length > 0
-			? this.formatted_labels : this.labels;
-		this.legend_totals.map((d, i) => {
-			if(d) {
-				let stats = $$1.create('div', {
-					className: 'stats',
-					inside: this.statsWrapper
-				});
-				stats.innerHTML = `<span class="indicator">
-					<i style="background: ${this.colors[i]}"></i>
-					<span class="text-muted">${x_values[i]}:</span>
-					${d}
-				</span>`;
-			}
-		});
-	}
+	// 			this.tip.set_values(x, y, title, percent + "%");
+	// 			this.tip.show_tip();
+	// 		});
+	// 	});
+	// }
+
+	// renderLegend() {
+	// 	let x_values = this.formatted_labels && this.formatted_labels.length > 0
+	// 		? this.formatted_labels : this.labels;
+	// 	this.legend_totals.map((d, i) => {
+	// 		if(d) {
+	// 			let stats = $.create('div', {
+	// 				className: 'stats',
+	// 				inside: this.statsWrapper
+	// 			});
+	// 			stats.innerHTML = `<span class="indicator">
+	// 				<i style="background: ${this.colors[i]}"></i>
+	// 				<span class="text-muted">${x_values[i]}:</span>
+	// 				${d}
+	// 			</span>`;
+	// 		}
+	// 	});
+	// }
 }
 
 const ANGLE_RATIO = Math.PI / 180;
diff --git a/dist/frappe-charts.min.cjs.js b/dist/frappe-charts.min.cjs.js
index aa6e34a..ba64e1f 100644
--- a/dist/frappe-charts.min.cjs.js
+++ b/dist/frappe-charts.min.cjs.js
@@ -1 +1 @@
-"use strict";function __$styleInject(t,e){if("undefined"==typeof document)return e;t=t||"";var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");return a.type="text/css",i.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t)),e}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}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 getBarHeightAndYAttr(t,e){var i=void 0,a=void 0;return t<=e?(a=t,0===(i=e-t)&&(a-=i=totalHeight*MIN_BAR_PERCENT_HEIGHT)):(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 $$2(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)$$2(n).appendChild(i);else if("around"===a){var s=$$2(n);s.parentNode.insertBefore(i,s),i.appendChild(s)}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 wrapInSVGGroup(t){var e=createSVG("g",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:""});return t.forEach(function(t){return e.appendChild(t)}),e}function makePath(t){return createSVG("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function makeGradient(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a="path-fill-gradient-"+e,n=renderVerticalGradient(t,a),s=[1,.6,.2];return i&&(s=[.4,.2,0]),setGradientStop(n,"0%",e,s[0]),setGradientStop(n,"50%",e,s[1]),setGradientStop(n,"100%",e,s[2]),a}function makeHeatSquare(t,e,i,a){var n=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:i,width:a,height:a,fill:1};return Object.keys(n).map(function(t){s[t]=n[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 s=createSVG("line",{className:"line-vertical "+n.className,x1:0,x2:0,y1:i,y2:a,styles:{stroke:n.stroke}}),r=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(s),o.appendChild(r),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 s=createSVG("line",{className:"line-horizontal "+n.className+("dashed"===n.lineType?"dashed":""),x1:i,x2:a,y1:t,y2:t,styles:{stroke:n.stroke}}),r=createSVG("text",{x:i<a?i-LABEL_MARGIN:i+LABEL_MARGIN,y:t,dy:FONT_SIZE/2-2+"px","font-size":FONT_SIZE+"px","text-anchor":i<a?"end":"start",innerHTML:e+""}),o=createSVG("g",{"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 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),s=limitColor((n>>16)+e),r=limitColor((n>>8&255)+e),o=limitColor((255&n)+e);return(a?"#":"")+(o|r<<8|s<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function getDifferentChart(t,e,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 a=COLOR_COMPATIBLE_CHARTS[e].includes(t);return new Chart({parent:i.parent,title:i.title,data:i.data,type:t,height:i.height,colors:a?i.colors:void 0})}}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,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:EASING[a],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};n&&(p.type=n);for(var d in p)h.setAttribute(d,p[d]);r.appendChild(h),n?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[r,o]}function transform(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function animateSVG(t,e){var i=[],a=[];e.map(function(t){var e=t[0],n=e.parentNode,s=void 0,r=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);s=l[0],r=l[1],i.push(r),a.push([s,n]),n.replaceChild(s,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 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],s=t.map(function(t,i){return e[i]+","+t}).join("L"),r=makePath("M"+s,"line-graph-path",i);if(a){var o=makeGradient(this.svgDefs,i);r.style.stroke="url(#"+o+")"}var l=[r];if(n){var h=makeGradient(this.svgDefs,i,!0),c=this.state.yAxis.zeroLine,u="M0,"+c+"L"+s+"L"+this.width+","+c;l.push(makePath(u,"region-fill","none","url(#"+h+")"))}return l}function normalize(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function getRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),a=Math.floor(e),n=i-a,s=n,r=1;n>5&&(n%2!=0&&(n=++i-a),s=n/2,r=2),n<=2&&(r=n/(s=4)),0===n&&(s=5,r=1);for(var o=[],l=0;l<=s;l++)o.push(a+r*l);return o}function getIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=normalize(t),a=slicedToArray(i,2),n=a[0],s=a[1],r=e?e/Math.pow(10,s):0,o=getRangeIntervals(n=n.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function calcIntervals(t){function e(t,e){for(var i=getIntervals(t),a=i[1]-i[0],n=0,s=1;n<e;s++)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)),s=[];if(a>=0&&n>=0)normalize(a)[1],s=i?getIntervals(a,n):getIntervals(a);else if(a>0&&n<0){var r=Math.abs(n);a>=r?(normalize(a)[1],s=e(a,r)):(normalize(r)[1],s=e(r,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],s=(s=i?getIntervals(o,l):getIntervals(o)).reverse().map(function(t){return-1*t})}return s}function getZeroIndex(t){var e=getIntervalSize(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function calcDistribution(t,e){for(var i=Math.max.apply(Math,toConsumableArray(t)),a=1/(e-1),n=[],s=0;s<e;s++){var r=i*(a*s);n.push(r)}return n}function getMaxCheckpoint(t,e){return e.filter(function(e){return e<t}).length}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getDdMmYyyy(t){var e=t.getDate(),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 getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1];return"line"===t?(e.type="line",new AxisChart(e)):"bar"===t?(e.type="bar",new AxisChart(e)):chartTypes[t]?new chartTypes[t](e):void console.error("Undefined chart type: "+t)}__$styleInject('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',void 0);var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},asyncGenerator=function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,n){var o={key:t,arg:e,resolve:i,reject:n,next:null};r?r=r.next=o:(s=r=o,a(t,e))})}function a(i,s){try{var r=e[i](s),o=r.value;o instanceof t?Promise.resolve(o.value).then(function(t){a("next",t)},function(t){a("throw",t)}):n(r.done?"return":"normal",r.value)}catch(t){n("throw",t)}}function n(t,e){switch(t){case"return":s.resolve({value:e,done:!0});break;case"throw":s.reject(e);break;default:s.resolve({value:e,done:!1})}(s=s.next)?a(s.key,s.arg):r=null}var s,r;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 s=Object.getPrototypeOf(e);return null===s?void 0:t(s,i,a)}if("value"in n)return n.value;var r=n.get;if(void 0!==r)return r.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,s=void 0;try{for(var r,o=t[Symbol.iterator]();!(a=(r=o.next()).done)&&(i.push(r.value),!e||i.length!==e);a=!0);}catch(t){n=!0,s=t}finally{try{!a&&o.return&&o.return()}finally{if(n)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")}}(),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)};$$1.create=function(t,e){var i=document.createElement(t);for(var a in e){var n=e[a];if("inside"===a)$$1(n).appendChild(i);else if("around"===a){var s=$$1(n);s.parentNode.insertBefore(i,s),i.appendChild(s)}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,s=void 0===n?[]:n;classCallCheck(this,t),this.parent=a,this.colors=s,this.title_name="",this.title_value="",this.list_values=[],this.title_value_first=0,this.x=0,this.y=0,this.top=0,this.left=0,this.setup()}return createClass(t,[{key:"setup",value:function(){this.make_tooltip()}},{key:"refresh",value:function(){this.fill(),this.calc_position()}},{key:"make_tooltip",value:function(){var t=this;this.container=$$1.create("div",{inside:this.parent,className:"graph-svg-tip comparison",innerHTML:'<span class="title"></span>\n\t\t\t\t<ul class="data-point-list"></ul>\n\t\t\t\t<div class="svg-pointer"></div>'}),this.hide_tip(),this.title=this.container.querySelector(".title"),this.data_point_list=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hide_tip()})}},{key:"fill",value:function(){var t=this,e=void 0;e=this.title_value_first?"<strong>"+this.title_value+"</strong>"+this.title_name:this.title_name+"<strong>"+this.title_value+"</strong>",this.title.innerHTML=e,this.data_point_list.innerHTML="",this.list_values.map(function(e,i){var a=t.colors[i]||"black",n=$$1.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]:[],s=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=s,this.refresh()}},{key:"hide_tip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"show_tip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",AxisChartRenderer=function(){function t(e){classCallCheck(this,t),this.refreshState(e)}return createClass(t,[{key:"refreshState",value:function(t){this.totalHeight=t.totalHeight,this.totalWidth=t.totalWidth,this.zeroLine=t.zeroLine,this.unitWidth=t.unitWidth,this.xAxisMode=t.xAxisMode,this.yAxisMode=t.yAxisMode}},{key:"setZeroline",value:function(t){this.zeroLine=t}},{key:"xLine",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};i.pos||(i.pos="bottom"),i.offset||(i.offset=0),i.mode||(i.mode=this.xAxisMode),i.stroke||(i.stroke=BASE_LINE_COLOR),i.className||(i.className="");var a=this.totalHeight+AXIS_TICK_LENGTH,n="span"===i.mode?-1*AXIS_TICK_LENGTH:this.totalHeight;return"tick"===i.mode&&"top"===i.pos&&(a=-1*AXIS_TICK_LENGTH,n=0),makeVertLine(t,e,a,n,{stroke:i.stroke,className:i.className,lineType:i.lineType})}},{key:"yLine",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};i.pos||(i.pos="left"),i.offset||(i.offset=0),i.mode||(i.mode=this.yAxisMode),i.stroke||(i.stroke=BASE_LINE_COLOR),i.className||(i.className="");var a=-1*AXIS_TICK_LENGTH,n="span"===i.mode?this.totalWidth+AXIS_TICK_LENGTH:0;return"tick"===i.mode&&"right"===i.pos&&(a=this.totalWidth+AXIS_TICK_LENGTH,n=this.totalWidth),a+=i.offset,n+=i.offset,makeHoriLine(t,e,a,n,{stroke:i.stroke,className:i.className,lineType:i.lineType})}},{key:"xMarker",value:function(){}},{key:"yMarker",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=createSVG("text",{className:"chart-label",x:this.totalWidth-getStringWidth(e,5)-LABEL_MARGIN,y:t-FONT_SIZE-2,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),n=makeHoriLine(t,"",0,this.totalWidth,{stroke:i.stroke||BASE_LINE_COLOR,className:i.className||"",lineType:i.lineType});return n.appendChild(a),n}},{key:"xRegion",value:function(){return createSVG("rect",{className:"bar mini",style:"fill: rgba(228, 234, 239, 0.49)",x:0,y:y2,width:this.totalWidth,height:y1-y2})}},{key:"yRegion",value:function(t,e,i){var a=createSVG("rect",{className:"bar mini",style:"fill: rgba(228, 234, 239, 0.49)",x:0,y:e,width:this.totalWidth,height:t-e}),n=createSVG("line",{className:"line-horizontal",x1:0,x2:this.totalWidth,y1:e,y2:e,styles:{stroke:BASE_LINE_COLOR}}),s=createSVG("line",{className:"line-horizontal",x1:0,x2:this.totalWidth,y1:t,y2:t,styles:{stroke:BASE_LINE_COLOR}}),r=createSVG("text",{className:"chart-label",x:this.totalWidth-getStringWidth(i,4.5)-LABEL_MARGIN,y:e-FONT_SIZE-2,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:i+""}),o=createSVG("g",{});return o.appendChild(a),o.appendChild(n),o.appendChild(s),o.appendChild(r),o}},{key:"animatebar",value:function(t,e,i,a,n){var s=e-this.avgUnitWidth/4,r=this.avgUnitWidth/2/n,o=getBarHeightAndYAttr(i,this.zeroLine,this.totalHeight),l=slicedToArray(o,2);return e=s+r*a,[t,{width:r,height:l[0],x:e,y:l[1]},UNIT_ANIM_DUR,STD_EASING]}},{key:"animatedot",value:function(t,e,i){return[t,{cx:e,cy:i},UNIT_ANIM_DUR,STD_EASING]}},{key:"animatepath",value:function(t,e){var i=[],a=[t[0],{d:"M"+e},PATH_ANIM_DUR,STD_EASING];if(i.push(a),t[1]){var n="0,"+this.zeroLine+"L",s="L"+this.totalWidth+", "+this.zeroLine,r=[t[1],{d:"M"+n+e+s},PATH_ANIM_DUR,STD_EASING];i.push(r)}return i}},{key:"translate",value:function(t,e,i,a){return[t,{transform:i.join(", ")},a,STD_EASING,"translate",{transform:e.join(", ")}]}},{key:"translateVertLine",value:function(t,e,i){return this.translate(t,[i,0],[e,0],MARKER_LINE_ANIM_DUR)}},{key:"translateHoriLine",value:function(t,e,i){return this.translate(t,[0,i],[0,e],MARKER_LINE_ANIM_DUR)}}]),t}(),PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},DEFAULT_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta"],getColor=function(t){return PRESET_COLOR_MAP[t]||t},ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},COLOR_COMPATIBLE_CHARTS={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e){var i=e.height,a=void 0===i?240:i,n=e.title,s=void 0===n?"":n,r=e.subtitle,o=void 0===r?"":r,l=(e.colors,e.isNavigable),h=void 0===l?0:l,c=(e.showLegend,e.type,e.parent);classCallCheck(this,t),this.rawChartArgs=arguments[0],this.parent="string"==typeof c?document.querySelector(c):c,this.title=s,this.subtitle=o,this.argHeight=a,this.isNavigable=h,this.isNavigable&&(this.currentIndex=0),this.configure(arguments[0])}return createClass(t,[{key:"configure",value:function(t){this.setColors(),this.config={showTooltip:1,showLegend:1,isNavigable:0,animate:0},this.state={colors:this.colors}}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length<e.length?this.colors=DEFAULT_COLORS:this.colors=t.colors,this.colors=this.colors.map(function(t){return getColor(t)})}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-40,this.translateY=20,this.setHorizontalMargin()}},{key:"setHorizontalMargin",value:function(){this.translateXLeft=60,this.translateXRight=40}},{key:"validate",value:function(){return this.parent?!!this.parseData():(console.error("No parent element to render on was provided."),!1)}},{key:"parseData",value:function(){var t=this.rawChartArgs.data;if(!this.checkData(t))return!1;if(this.config.animate){var e=this.getFirstUpdateData(t),i=slicedToArray(e,2);this.data=i[0],this.firstUpdateData=i[1]}else this.data=t;return!0}},{key:"checkData",value:function(){}},{key:"getFirstUpdateData",value:function(){}},{key:"setup",value:function(){this.validate()&&this._setup()}},{key:"_setup",value:function(){this.bindWindowEvents(),this.setupConstants(),this.setupComponents(),this.setMargins(),this.makeContainer(),this.makeTooltip(),this.draw(!0)}},{key:"bindWindowEvents",value:function(){var t=this;window.addEventListener("resize orientationchange",function(){return t.draw()})}},{key:"setupConstants",value:function(){}},{key:"setupComponents",value:function(){this.components=[]}},{key:"makeContainer",value:function(){this.container=$$1.create("div",{className:"chart-container",innerHTML:'<h6 class="title">'+this.title+'</h6>\n\t\t\t\t<h6 class="sub-title uppercase">'+this.subtitle+'</h6>\n\t\t\t\t<div class="frappe-chart graphics"></div>\n\t\t\t\t<div class="graph-stats-container"></div>'}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcWidth(),this.refresh(this.data),this.makeChartArea(),this.setComponentParent(),this.makeComponentLayers(),this.renderLegend(),this.setupNavigation(t),this.renderComponents(),this.renderConstants(),this.config.animate&&this.update(this.firstUpdateData)}},{key:"update",value:function(t){this.refresh(t),this.reRender()}},{key:"calcWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent)-0,this.width=this.baseWidth-(this.translateXLeft+this.translateXRight)}},{key:"refresh",value:function(t){this.oldState=this.state?JSON.parse(JSON.stringify(this.state)):{},this.intermedState={},this.prepareData(t),this.reCalc(),this.refreshRenderer()}},{key:"makeChartArea",value:function(){this.svg=makeSVGContainer(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.translateXLeft+", "+this.translateY+")")}},{key:"prepareData",value:function(){}},{key:"renderConstants",value:function(){}},{key:"reCalc",value:function(){}},{key:"refreshRenderer",value:function(){this.renderer={}}},{key:"reRender",value:function(){var t=this;if(!(!(arguments.length>0&&void 0!==arguments[0])||arguments[0]))return void this.renderComponents();this.elementsToAnimate=[],this.loadAnimatedComponents(),runSMILAnimation(this.chartWrapper,this.svg,this.elementsToAnimate),setTimeout(function(){t.renderComponents()},400)}},{key:"setComponentParent",value:function(){var t=this;this.components.forEach(function(e){return e.setupParent(t.drawArea)})}},{key:"makeComponentLayers",value:function(){this.components.forEach(function(t){return t.makeLayer()})}},{key:"renderComponents",value:function(){this.components.forEach(function(t){return t.render()})}},{key:"loadAnimatedComponents",value:function(){this.components.forEach(function(t){return t.loadAnimatedComponents()})}},{key:"refreshComponents",value:function(){var t=this;this.components.forEach(function(e){return e.refresh(t.state,t.rawChartArgs)})}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.isNavigable||(this.makeOverlay(),e&&(this.bindOverlay(),document.addEventListener("keydown",function(e){isElementInViewport(t.chartWrapper)&&("37"==(e=e||window.event).keyCode?t.onLeftArrow():"39"==e.keyCode?t.onRightArrow():"38"==e.keyCode?t.onUpArrow():"40"==e.keyCode?t.onDownArrow():"13"==e.keyCode&&t.onEnterKey())})))}},{key:"makeOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bind_units",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(){}},{key:"updateDataset",value:function(t,e){}},{key:"updateDatasets",value:function(t){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"updateDataPoint",value:function(t){}},{key:"getDifferentChart",value:function(t){return getDifferentChart(t,this.type,this.rawChartArgs)}}]),t}(),Y_AXIS_MARGIN=60,ChartComponent=function(){function t(e){var i=e.layerClass,a=void 0===i?"":i,n=e.layerTransform,s=void 0===n?"":n,r=e.initData,o=e.setData,l=e.preMake,h=e.make,c=e.postMake,u=e.animate;classCallCheck(this,t),this.layerClass=a,this.layerTransform=s,this.initData=r,this.setData=o,this.preMake=l,this.make=h,this.postMake=c,this.animate=u,this.layer=void 0,this.store=[]}return createClass(t,[{key:"refresh",value:function(t,e){this.meta=Object.assign(this.meta||{},e),this.state=t}},{key:"render",value:function(){var t=this;this.data=this.setData(),this.preMake&&this.preMake(),this.store=this.make(),this.layer.textContent="",this.store.forEach(function(e){t.layer.appendChild(e)}),this.postMake&&this.postMake()}},{key:"setupParent",value:function(t){this.parent=t}},{key:"loadAnimatedComponents",value:function(){this.animate(this.store)}},{key:"makeLayer",value:function(){this.layer=makeSVGGroup(this.parent,this.layerClass,this.layerTransform)}}]),t}(),MIN_BAR_PERCENT_HEIGHT$1=.01,AxisChartController=function(){function t(e){classCallCheck(this,t),this.meta=e||{},this.setupArgs()}return createClass(t,[{key:"setupArgs",value:function(){this.consts={}}},{key:"setup",value:function(){}},{key:"refreshMeta",value:function(t){this.meta=Object.assign(this.meta||{},t)}},{key:"draw",value:function(){}},{key:"animate",value:function(){}}]),t}(),AxisController=function(t){function e(t){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return inherits(e,t),createClass(e,[{key:"draw",value:function(t,e,i,a){return createSVG("circle",{style:"fill: "+i,"data-point-index":a,cx:t,cy:e,r:this.consts.radius})}},{key:"animate",value:function(t,e,i){return[t,{cx:e,cy:i},UNIT_ANIM_DUR,STD_EASING]}}]),e}(AxisChartController),BarChartController=function(t){function e(t){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return inherits(e,t),createClass(e,[{key:"setupArgs",value:function(){this.consts={spaceRatio:.5,minHeight:this.meta.totalHeight*MIN_BAR_PERCENT_HEIGHT$1}}},{key:"refreshMeta",value:function(t){t&&get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"refreshMeta",this).call(this,t);var i=this.meta;this.consts.barsWidth=i.unitWidth-i.unitWidth*this.consts.spaceRatio,this.consts.width=this.consts.barsWidth/(i.options&&i.options.stacked?i.options.stacked:i.noOfDatasets)}},{key:"draw",value:function(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=getBarHeightAndYAttr(e,this.meta.zeroLine),o=slicedToArray(r,2),l=o[0],h=o[1],c=createSVG("rect",{className:"bar mini",style:"fill: "+i,"data-point-index":n,x:t-this.consts.barsWidth/2,y:h-s,width:this.consts.width,height:l||this.consts.minHeight});return a||a.length?wrapInSVGGroup([c,createSVG("text",{className:"data-point-value",x:t,y:h-s,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:a})]):c}},{key:"animate",value:function(t,e,i,a,n){var s=e-this.meta.unitWidth/4,r=this.meta.unitWidth/2/n,o=getBarHeightAndYAttr(i,this.meta.zeroLine,this.meta.totalHeight),l=slicedToArray(o,2);return e=s+r*a,[t,{width:r,height:l[0],x:e,y:l[1]},UNIT_ANIM_DUR,STD_EASING]}}]),e}(AxisChartController),LineChartController=function(t){function e(t){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return inherits(e,t),createClass(e,[{key:"setupArgs",value:function(){this.consts={radius:this.meta.dotSize||4}}},{key:"draw",value:function(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=createSVG("circle",{style:"fill: "+i,"data-point-index":arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,cx:t,cy:e,r:this.consts.radius});return a||a.length?wrapInSVGGroup([n,createSVG("text",{className:"data-point-value",x:t,y:e,dy:FONT_SIZE/2*-1-this.consts.radius+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:a})]):n}},{key:"animate",value:function(t,e,i){return[t,{cx:e,cy:i},UNIT_ANIM_DUR,STD_EASING]}}]),e}(AxisChartController),AxisChart=function(t){function e(t){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.isSeries=t.isSeries,i.valuesOverPoints=t.valuesOverPoints,i.formatTooltipY=t.formatTooltipY,i.formatTooltipX=t.formatTooltipX,i.barOptions=t.barOptions,i.lineOptions=t.lineOptions,i.type=t.type||"line",i.setupUnitRenderer(),i.zeroLine=i.height,i.preSetup(),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),this.config.xAxisMode=t.xAxisMode,this.config.yAxisMode=t.yAxisMode}},{key:"preSetup",value:function(){}},{key:"setupUnitRenderer",value:function(){var t=this.rawChartArgs.options;this.unitRenderers={bar:new BarChartController(t),line:new LineChartController(t)}}},{key:"setHorizontalMargin",value:function(){this.translateXLeft=Y_AXIS_MARGIN,this.translateXRight=Y_AXIS_MARGIN}},{key:"checkData",value:function(t){return!0}},{key:"getFirstUpdateData",value:function(t){}},{key:"setupConstants",value:function(){var t=this;this.state={xAxisLabels:[],xAxisPositions:[],xAxisMode:this.config.xAxisMode,yAxisMode:this.config.yAxisMode},this.data.datasets.map(function(e){e.chartType||(e.chartType=t.type)}),this.prepareYAxis()}},{key:"prepareData",value:function(t){var e=this.state;e.xAxisLabels=t.labels||[],e.datasetLength=e.xAxisLabels.length;var i=new Array(e.datasetLength).fill(0);e.datasets=t.datasets,t.datasets||(e.datasets=[{values:i}]),e.datasets.map(function(t,a){var n=t.values;n=n?(n=n.map(function(t){return isNaN(t)?0:t})).length>e.datasetLength?n.slice(0,e.datasetLength):fillArray(n,e.datasetLength-n.length,0):i,t.index=a}),e.noOfDatasets=e.datasets.length,e.yMarkers=t.yMarkers,e.yRegions=t.yRegions}},{key:"prepareYAxis",value:function(){this.state.yAxis={labels:[],positions:[]}}},{key:"reCalc",value:function(){var t=this.state;t.xAxisLabels=this.data.labels,this.calcXPositions(),t.datasetsLabels=this.data.datasets.map(function(t){return t.name}),this.setYAxis(),this.calcYUnits(),this.calcYMaximums(),this.calcYRegions(),this.configUnits()}},{key:"setYAxis",value:function(){this.calcYAxisParameters(this.state.yAxis,this.getAllYValues(),"line"===this.type),this.state.zeroLine=this.state.yAxis.zeroLine}},{key:"calcXPositions",value:function(){var t=this.state;this.setUnitWidthAndXOffset(),t.xAxisPositions=t.xAxisLabels.map(function(e,i){return floatTwo(t.xOffset+i*t.unitWidth)}),t.xUnitPositions=new Array(t.noOfDatasets).fill(t.xAxisPositions)}},{key:"calcYAxisParameters",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"false";t.labels=calcIntervals(e,i);var a=t.labels;t.scaleMultiplier=this.height/getValueRange(a);var n=getIntervalSize(a)*t.scaleMultiplier;t.zeroLine=this.height-getZeroIndex(a)*n,t.positions=a.map(function(e){return t.zeroLine-e*t.scaleMultiplier})}},{key:"calcYUnits",value:function(){var t=this.state;t.datasets.map(function(e){e.positions=e.values.map(function(e){return floatTwo(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})}),this.barOptions&&this.barOptions.stacked&&t.datasets.map(function(e,i){e.cumulativePositions=e.cumulativeYs.map(function(e){return floatTwo(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})})}},{key:"calcYMaximums",value:function(){var t=this.state;if(this.barOptions&&this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativePositions);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.positions.map(function(e,i){e<t.yExtremes[i]&&(t.yExtremes[i]=e)})})}},{key:"calcYRegions",value:function(){var t=this.state;t.yMarkers&&(t.yMarkers=t.yMarkers.map(function(e){return e.value=floatTwo(t.yAxis.zeroLine-e.value*t.yAxis.scaleMultiplier),e})),t.yRegions&&(t.yRegions=t.yRegions.map(function(e){return e.start=floatTwo(t.yAxis.zeroLine-e.start*t.yAxis.scaleMultiplier),e.end=floatTwo(t.yAxis.zeroLine-e.end*t.yAxis.scaleMultiplier),e}))}},{key:"configUnits",value:function(){}},{key:"setUnitWidthAndXOffset",value:function(){this.state.unitWidth=this.width/this.state.datasetLength,this.state.xOffset=this.state.unitWidth/2}},{key:"getAllYValues",value:function(){var t,e=this,i="values";if(this.barOptions&&this.barOptions.stacked){i="cumulativeYs";var a=new Array(this.state.datasetLength).fill(0);this.state.datasets.map(function(t,n){var s=e.state.datasets[n].values;t[i]=a=a.map(function(t,e){return t+s[e]})})}return(t=[]).concat.apply(t,toConsumableArray(this.state.datasets.map(function(t){return t[i]})))}},{key:"calcIntermedState",value:function(){}},{key:"setupValues",value:function(){}},{key:"setupComponents",value:function(){this.components=[].concat(toConsumableArray(this.getYAxesComponents()),[this.getXAxisComponents()],toConsumableArray(this.getYRegions()),toConsumableArray(this.getXRegions()),toConsumableArray(this.getYMarkerLines()),toConsumableArray(this.getChartComponents()),toConsumableArray(this.getChartLabels()))}},{key:"getYAxesComponents",value:function(){var t=this;return[new ChartComponent({layerClass:"y axis",setData:function(){},initializeData:function(){this.axesPositions=this.state},make:function(){var e=t.state;return e.yAxis.positions.map(function(i,a){return t.renderer.yLine(i,e.yAxis.labels[a],{pos:"right"})})},animate:function(e){var i=t.state.yAxis.positions,a=t.oldState.yAxis.positions,n=i.length-a.length,s=e[e.length-1],r=s.parentNode,o=equilizeNoOfElements(a,i),l=slicedToArray(o,2);if(a=l[0],i=l[1],n>0)for(var h=0;h<n;h++){var c=s.cloneNode(!0);r.appendChild(c),e.push(c)}e.map(function(e,n){t.elementsToAnimate.push(t.renderer.translateHoriLine(e,i[n],a[n]))})}})]}},{key:"getXAxisComponents",value:function(){var t=this;return new ChartComponent({layerClass:"x axis",setData:function(){},make:function(){var e=t.state;return e.xAxisPositions.map(function(i,a){return t.renderer.xLine(i,e.xAxisLabels[a])})},animate:function(e){var i=t.state.xAxisPositions,a=t.oldState.xAxisPositions;t.oldState.xExtra=i.length-a.length;var n=e[e.length-1],s=n.parentNode,r=equilizeNoOfElements(a,i),o=slicedToArray(r,2);if(a=o[0],i=o[1],t.oldState.xExtra>0)for(var l=0;l<t.oldState.xExtra;l++){var h=n.cloneNode(!0);s.appendChild(h),e.push(h)}e.map(function(e,n){t.elementsToAnimate.push(t.renderer.translateVertLine(e,i[n],a[n]))})}})}},{key:"getChartComponents",value:function(){var t=this,e=[];return this.data.datasets.forEach(function(i,a){"line"===i.chartType&&e.push(t.getPathComponent(i,a));var n=t.unitRenderers[i.chartType];e.push(t.getDataUnitComponent(a,n))}),e}},{key:"getChartLabels",value:function(){return[]}},{key:"getDataUnitComponent",value:function(t,e){var i=this;return new ChartComponent({layerClass:"dataset-units dataset-"+t,setData:function(){},preMake:function(){},make:function(){var a=i.state.datasets[t];return a.positions.map(function(n,s){return e.draw(i.state.xAxisPositions[s],n,i.colors[t],i.valuesOverPoints?i.barOptions&&i.barOptions.stacked?a.cumulativeYs[s]:a.values[s]:"",s,n-(a.cumulativePositions?a.cumulativePositions[s]:n))})},postMake:function(){var i=this;"bar"!==this.meta.type||this.meta.barOptions&&this.meta.barOptions.stacked||function(){i.layer.setAttribute("transform","translate("+e.consts.width*t+", 0)")}()},animate:function(a){var n=i.state.xAxisPositions,s=i.state.datasets[t].positions,r=a[a.length-1],o=r.parentNode;if(i.oldState.xExtra>0)for(var l=0;l<i.oldState.xExtra;l++){var h=r.cloneNode(!0);o.appendChild(h),a.push(h)}a.map(function(a,r){void 0!==n[r]&&void 0!==s[r]&&i.elementsToAnimate.push(e.animate(a,n[r],s[r],t,i.state.noOfDatasets))})}})}},{key:"getPathComponent",value:function(t,e){var i=this;return new ChartComponent({layerClass:"path dataset-path",setData:function(){},make:function(){var t=i.state.datasets[e],a=i.colors[e];return getPaths(t.positions,i.state.xAxisPositions,a,i.config.heatline,i.config.regionFill)},animate:function(t){var a=i.state.xAxisPositions,n=i.state.datasets[e].positions,s=i.oldState.xAxisPositions,r=i.oldState.datasets[e].positions,o=t[0].parentNode,l=equilizeNoOfElements(s,a),h=slicedToArray(l,2);s=h[0],a=h[1];var c=equilizeNoOfElements(r,n),u=slicedToArray(c,2);r=u[0],n=u[1],i.oldState.xExtra>0&&(t=getPaths(r,s,i.colors[e],i.config.heatline,i.config.regionFill),o.textContent="",t.map(function(t){return o.appendChild(t)}));var p=n.map(function(t,e){return a[e]+","+t});i.elementsToAnimate=i.elementsToAnimate.concat(i.renderer.animatepath(t,p.join("L")))}})}},{key:"getYMarkerLines",value:function(){var t=this;return this.data.yMarkers?this.data.yMarkers.map(function(e,i){return new ChartComponent({layerClass:"y-markers",setData:function(){},make:function(){return t.state.yMarkers.map(function(e){return t.renderer.yMarker(e.value,e.name,{pos:"right",mode:"span",lineType:e.type})})},animate:function(){}})}):[]}},{key:"getYRegions",value:function(){var t=this;return this.data.yRegions?this.data.yRegions.map(function(e,i){return new ChartComponent({layerClass:"y-regions",setData:function(){},make:function(){return t.state.yRegions.map(function(e){return t.renderer.yRegion(e.start,e.end,e.name)})},animate:function(){}})}):[]}},{key:"getXRegions",value:function(){return[]}},{key:"refreshRenderer",value:function(){var t=this,e={totalHeight:this.height,totalWidth:this.width,xAxisMode:this.config.xAxisMode,yAxisMode:this.config.yAxisMode,zeroLine:this.state.zeroLine,unitWidth:this.state.unitWidth};this.renderer?this.renderer.refreshState(e):this.renderer=new AxisChartRenderer(e),this.refreshComponents();var i={totalHeight:this.height,totalWidth:this.width,zeroLine:this.state.zeroLine,unitWidth:this.state.unitWidth,noOfDatasets:this.state.noOfDatasets};i=Object.assign(i,this.rawChartArgs.options),Object.keys(this.unitRenderers).map(function(e){i.options=t[e+"Options"],t.unitRenderers[e].refreshMeta(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.translateXLeft;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.xAxisLabels;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]),s=i.datasetLength-1;s>=0;s--){var r=i.xAxisPositions[s];if(t>r-i.unitWidth/2){var o=r+this.translateXLeft,l=i.yExtremes[s]+this.translateY,h=i.datasets.map(function(t,i){return{title:t.title,value:n?e.formatTooltipY(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.set_values(o,l,a[s],"",h),this.tip.show_tip();break}}}}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.current_index,e={index:t},i=this.y[0];return["svg_units","yUnitPositions","values"].map(function(a){var n=a.slice(0,a.length-1);e[n]=i[a][t]}),e.label=this.xAxisLabels[t],e}},{key:"setCurrentDataPoint",value:function(t){(t=parseInt(t))<0&&(t=0),t>=this.xAxisLabels.length&&(t=this.xAxisLabels.length-1),t!==this.current_index&&(this.current_index=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)}}]),e}(BaseChart),LineChart=function(t){function e(t){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="line",Object.getPrototypeOf(i)!==e.prototype?possibleConstructorReturn(i):(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.config.xAxisMode=t.xAxisMode||"span",this.config.yAxisMode=t.yAxisMode||"span",this.config.dotRadius=t.dotRadius||4,this.config.heatline=t.heatline||0,this.config.regionFill=t.regionFill||0,this.config.showDots=t.showDots||1}},{key:"configUnits",value:function(){this.unitArgs={type:"dot",args:{radius:this.config.dotRadius}}}},{key:"setUnitWidthAndXOffset",value:function(){this.state.unitWidth=this.width/(this.state.datasetLength-1),this.state.xOffset=0}}]),e}(AxisChart),ScatterChart=function(t){function e(t){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="scatter",t.dotRadius?i.dotRadius=t.dotRadius:i.dotRadius=8,i.setup(),i}return inherits(e,t),createClass(e,[{key:"setup_values",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_values",this).call(this),this.unit_args={type:"dot",args:{radius:this.dotRadius}}}},{key:"make_paths",value:function(){}},{key:"make_path",value:function(){}}]),e}(LineChart),MultiAxisChart=function(t){function e(t){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return inherits(e,t),createClass(e,[{key:"preSetup",value:function(){this.type="multiaxis"}},{key:"setHorizontalMargin",value:function(){var t=this.data.datasets.filter(function(t){return"left"===t.axisPosition}).length;this.translateXLeft=t*Y_AXIS_MARGIN||Y_AXIS_MARGIN,this.translateXRight=(this.data.datasets.length-t)*Y_AXIS_MARGIN||Y_AXIS_MARGIN}},{key:"prepareYAxis",value:function(){}},{key:"prepareData",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"prepareData",this).call(this,t);var i=0,a=0;this.state.datasets.forEach(function(t,e){t.yAxis={position:t.axisPosition,index:"left"===t.axisPosition?i++:a++}})}},{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.xAxisMode=t.xAxisMode||"tick",this.config.yAxisMode=t.yAxisMode||"span"}},{key:"configUnits",value:function(){this.unitArgs={type:"bar",args:{spaceWidth:this.state.unitWidth/2}}}},{key:"setYAxis",value:function(){var t=this;this.state.datasets.map(function(e){t.calcYAxisParameters(e.yAxis,e.values,"line"===t.unitType)})}},{key:"calcYUnits",value:function(){this.state.datasets.map(function(t){t.positions=t.values.map(function(e){return floatTwo(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})})}},{key:"renderConstants",value:function(){var t=this;this.state.datasets.map(function(e){var a="left"===e.yAxis.position?-1*e.yAxis.index*Y_AXIS_MARGIN:t.width+e.yAxis.index*Y_AXIS_MARGIN;t.renderer.xLine(a,"",{pos:"top",mode:"span",stroke:t.colors[i],className:"y-axis-guide"})})}},{key:"getYAxesComponents",value:function(){var t=this;return this.data.datasets.map(function(e,i){return new ChartComponent({layerClass:"y axis y-axis-"+i,make:function(){var e=t.state.datasets[i].yAxis;t.renderer.setZeroline(e.zeroline);var a={pos:e.position,mode:"tick",offset:e.index*Y_AXIS_MARGIN,stroke:t.colors[i]};return e.positions.map(function(i,n){return t.renderer.yLine(i,e.labels[n],a)})},animate:function(){}})})}},{key:"getChartComponents",value:function(){var t=this;return this.data.datasets.map(function(e,i){return new ChartComponent({layerClass:"dataset-units dataset-"+i,make:function(){var e=t.state.datasets[i],a=t.unitArgs;return t.renderer.setZeroline(e.yAxis.zeroLine),e.positions.map(function(e,n){return t.renderer[a.type](t.state.xAxisPositions[n],e,a.args,t.colors[i],n,i,t.state.datasetLength)})},animate:function(e){var a=t.state.datasets[i],n=t.unitArgs.type,s=t.state.xAxisPositions,r=t.state.datasets[i].positions,o=e[e.length-1],l=o.parentNode;if(t.oldState.xExtra>0)for(var h=0;h<t.oldState.xExtra;h++){var c=o.cloneNode(!0);l.appendChild(c),e.push(c)}t.renderer.setZeroline(a.yAxis.zeroLine),e.map(function(e,a){void 0!==s[a]&&void 0!==r[a]&&t.elementsToAnimate.push(t.renderer["animate"+n](e,s[a],r[a],i,t.state.noOfDatasets))})}})})}}]),e}(AxisChart),PercentageChart=function(t){function e(t){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="percentage",i.max_slices=10,i.max_legend_points=6,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.chartDiv=$$1.create("div",{className:"div",inside:this.chartWrapper}),this.chart=$$1.create("div",{className:"progress-chart",inside:this.chartDiv})}},{key:"setupLayers",value:function(){this.percentageBar=$$1.create("div",{className:"progress",inside:this.chart})}},{key:"setup_values",value:function(){var t=this;this.slice_totals=[];var e=this.data.labels.map(function(e,i){var a=0;return t.data.datasets.map(function(t){a+=t.values[i]}),[a,e]}).filter(function(t){return t[0]>0}),i=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),i=e.slice(0,this.max_slices-1);var a=0;e.slice(this.max_slices-1).map(function(t){a+=t[0]}),i.push([a,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],i.map(function(e){t.slice_totals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.slice_totals.slice(0,this.max_legend_points)}},{key:"renderComponents",value:function(){var t=this;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0),this.slices=[],this.slice_totals.map(function(e,i){var a=$$1.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(){var t=this;this.slices.map(function(e,i){e.addEventListener("mouseenter",function(){var a=getOffset(t.chartWrapper),n=getOffset(e),s=n.left-a.left+e.offsetWidth/2,r=n.top-a.top-6,o=(t.formatted_labels&&t.formatted_labels.length>0?t.formatted_labels[i]:t.labels[i])+": ",l=(100*t.slice_totals[i]/t.grand_total).toFixed(1);t.tip.set_values(s,r,o,l+"%"),t.tip.show_tip()})})}},{key:"renderLegend",value:function(){var t=this,e=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legend_totals.map(function(i,a){i&&($$1.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">'+e[a]+":</span>\n\t\t\t\t\t"+i+"\n\t\t\t\t</span>")})}}]),e}(BaseChart),ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,PieChart=function(t){function e(t){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="pie",i.elements_to_animate=null,i.hoverRadio=t.hoverRadio||.1,i.max_slices=10,i.max_legend_points=6,i.isAnimate=!1,i.startAngle=t.startAngle||0,i.clockWise=t.clockWise||!1,i.mouseMove=i.mouseMove.bind(i),i.mouseLeave=i.mouseLeave.bind(i),i.setup(),i}return inherits(e,t),createClass(e,[{key:"setup_values",value:function(){var t=this;this.centerX=this.width/2,this.centerY=this.height/2,this.radius=this.height>this.width?this.centerX:this.centerY,this.slice_totals=[];var e=this.data.labels.map(function(e,i){var a=0;return t.data.datasets.map(function(t){a+=t.values[i]}),[a,e]}).filter(function(t){return t[0]>0}),i=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),i=e.slice(0,this.max_slices-1);var a=0;e.slice(this.max_slices-1).map(function(t){a+=t[0]}),i.push([a,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],i.map(function(e){t.slice_totals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.slice_totals.slice(0,this.max_legend_points)}},{key:"makeArcPath",value:function(t,e){var i=this.centerX,a=this.centerY,n=this.radius,s=this.clockWise;return"M"+i+" "+a+" L"+(i+t.x)+" "+(a+t.y)+" A "+n+" "+n+" 0 0 "+(s?1:0)+" "+(i+e.x)+" "+(a+e.y)+" z"}},{key:"renderComponents",value:function(t){var i=this,a=this.radius,n=this.clockWise;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0);var s=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var r=180-this.startAngle;this.slice_totals.map(function(o,l){var h=r,c=o/i.grand_total*FULL_ANGLE,u=n?-c:c,p=r+=u,d=e.getPositionByAngle(h,a),f=e.getPositionByAngle(p,a),v=t&&s[l],y=void 0,g=void 0;t?(y=v?v.startPosition:d,g=v?v.endPosition:d):(y=d,g=f);var m=i.makeArcPath(y,g),_=makePath(m,"pie-path","none",i.colors[l]);_.style.transition="transform .3s;",i.drawArea.appendChild(_),i.slices.push(_),i.slicesProperties.push({startPosition:d,endPosition:f,value:o,total:i.grand_total,startAngle:h,endAngle:p,angle:u}),t&&i.elements_to_animate.push([{unit:_,array:i.slices,index:i.slices.length-1},{d:i.makeArcPath(d,f)},650,"easein",null,{d:m}])}),t&&runSMILAnimation(this.chartWrapper,this.svg,this.elements_to_animate)}},{key:"calTranslateByAngle",value:function(t){var i=this.radius,a=this.hoverRadio,n=e.getPositionByAngle(t.startAngle+t.angle/2,i);return"translate3d("+n.x*a+"px,"+n.y*a+"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 s=getOffset(this.svg),r=a.pageX-s.left+10,o=a.pageY-s.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.labels[e])+": ",h=(100*this.slice_totals[e]/this.grand_total).toFixed(1);this.tip.set_values(r,o,l,h+"%"),this.tip.show_tip()}else transform(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=n}}},{key:"mouseMove",value:function(t){for(var e=t.target,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(){this.drawArea.addEventListener("mousemove",this.mouseMove),this.drawArea.addEventListener("mouseleave",this.mouseLeave)}},{key:"renderLegend",value:function(){var t=this,e=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legend_totals.map(function(i,a){var n=t.colors[a];i&&($$1.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='<span class="indicator">\n\t\t\t\t\t<i style="background-color:'+n+';"></i>\n\t\t\t\t\t<span class="text-muted">'+e[a]+":</span>\n\t\t\t\t\t"+i+"\n\t\t\t\t</span>")})}}],[{key:"getPositionByAngle",value:function(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}}]),e}(BaseChart),Heatmap=function(t){function e(t){var i=t.start,a=void 0===i?"":i,n=t.domain,s=void 0===n?"":n,r=t.subdomain,o=void 0===r?"":r,l=t.data,h=void 0===l?{}:l,c=t.discrete_domains,u=void 0===c?0:c,p=t.count_label,d=void 0===p?"":p,f=t.legend_colors,v=void 0===f?[]:f;classCallCheck(this,e);var y=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,arguments[0]));y.type="heatmap",y.domain=s,y.subdomain=o,y.data=h,y.discrete_domains=u,y.count_label=d;var g=new Date;return y.start=a||addDays(g,365),v=v.slice(0,5),y.legend_colors=y.validate_colors(v)?v:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],y.distribution_size=5,y.translateX=0,y}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:"setupConstants",value:function(){this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&addDays(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&addDays(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=getWeeksBetween(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"setupLayers",value:function(){this.domain_label_group=this.makeLayer("domain-label-group chart-label"),this.data_groups=this.makeLayer("data-groups","translate(0, 20)")}},{key:"setup_values",value:function(){var t=this;this.domain_label_group.textContent="",this.data_groups.textContent="";var e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=calcDistribution(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"],this.render_all_weeks_and_store_x_values(this.no_of_cols)}},{key:"render_all_weeks_and_store_x_values",value:function(t){var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;i<t;i++){var a=void 0,n=0,s=new Date(e),r=this.get_week_squares_group(s,this.week_col),o=slicedToArray(r,2);a=o[0],n=o[1],this.data_groups.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,s=makeSVGGroup(this.data_groups,"data-group"),r=0,o=0;o<7;o+=1,r+=12){var l=0,h=0,c=t.getTime()/1e3,u=Math.floor(c-c%86400).toFixed(1);this.data[u]&&(l=this.data[u]),this.data[Math.round(u)]&&(l=this.data[Math.round(u)]),l&&(h=getMaxCheckpoint(l,this.distribution));var p=13+12*(e+n),d={"data-date":getDdMmYyyy(t),"data-value":l,"data-day":t.getDay()},f=makeHeatSquare("day",p,r,10,this.legend_colors[h],d);s.appendChild(f);var v=new Date(t);if(addDays(v,1),v.getTime()>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[s,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.domain_label_group.appendChild(a)})}},{key:"renderComponents",value:function(){Array.prototype.slice.call(this.container.querySelectorAll(".graph-stats-container, .sub-title, .title")).map(function(t){t.style.display="None"}),this.chartWrapper.style.marginTop="0px",this.chartWrapper.style.paddingTop="0px"}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),a=e.target.getAttribute("data-date").split("-"),n=t.month_names[parseInt(a[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 "+n+" "+a[0]+", "+a[2];t.tip.set_values(l,h,u,c,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){this.data=t,this.setup_values(),this.bindTooltip()}}]),e}(BaseChart),chartTypes={mixed:AxisChart,multiaxis:MultiAxisChart,scatter:ScatterChart,percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e){return classCallCheck(this,t),getChartByType(e.type,arguments[0])};module.exports=Chart;
+"use strict";function __$styleInject(t,e){if("undefined"==typeof document)return e;t=t||"";var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");return a.type="text/css",i.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t)),e}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}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 getBarHeightAndYAttr(t,e){var i=void 0,a=void 0;return t<=e?(a=t,0===(i=e-t)&&(a-=i=totalHeight*MIN_BAR_PERCENT_HEIGHT)):(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){return[t,{transform:i.join(", ")},a,STD_EASING,"translate",{transform:e.join(", ")}]}function translateHoriLine(t,e,i){return translate(t,[0,i],[0,e],MARKER_LINE_ANIM_DUR)}function $$2(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)$$2(n).appendChild(i);else if("around"===a){var s=$$2(n);s.parentNode.insertBefore(i,s),i.appendChild(s)}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 wrapInSVGGroup(t){var e=createSVG("g",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:""});return t.forEach(function(t){return e.appendChild(t)}),e}function makePath(t){return createSVG("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function makeGradient(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a="path-fill-gradient-"+e,n=renderVerticalGradient(t,a),s=[1,.6,.2];return i&&(s=[.4,.2,0]),setGradientStop(n,"0%",e,s[0]),setGradientStop(n,"50%",e,s[1]),setGradientStop(n,"100%",e,s[2]),a}function makeHeatSquare(t,e,i,a){var n=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:i,width:a,height:a,fill:1};return Object.keys(n).map(function(t){s[t]=n[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 s=createSVG("line",{className:"line-vertical "+n.className,x1:0,x2:0,y1:i,y2:a,styles:{stroke:n.stroke}}),r=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(s),o.appendChild(r),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 s=createSVG("line",{className:"line-horizontal "+n.className+("dashed"===n.lineType?"dashed":""),x1:i,x2:a,y1:0,y2:0,styles:{stroke:n.stroke}}),r=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!==r&&"0"!==r||(o.style.stroke="rgba(27, 31, 35, 0.6)"),o.appendChild(s),o.appendChild(r),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,s="span"===a.mode?i+AXIS_TICK_LENGTH:0;return"tick"===a.mode&&"right"===a.pos&&(n=i+AXIS_TICK_LENGTH,s=i),n+=a.offset,s+=a.offset,makeHoriLine(t,e,n,s,{stroke:a.stroke,className:a.className,lineType:a.lineType})}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),s=limitColor((n>>16)+e),r=limitColor((n>>8&255)+e),o=limitColor((255&n)+e);return(a?"#":"")+(o|r<<8|s<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function getDifferentChart(t,e,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 a=COLOR_COMPATIBLE_CHARTS[e].includes(t);return new Chart({parent:i.parent,title:i.title,data:i.data,type:t,height:i.height,colors:a?i.colors:void 0})}}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,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:EASING[a],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};n&&(p.type=n);for(var d in p)h.setAttribute(d,p[d]);r.appendChild(h),n?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[r,o]}function transform(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function animateSVG(t,e){var i=[],a=[];e.map(function(t){var e=t[0],n=e.parentNode,s=void 0,r=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);s=l[0],r=l[1],i.push(r),a.push([s,n]),n.replaceChild(s,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 getYAxisComponent(t,e,i){return new ChartComponent$1({parent:t,layerClass:"y axis",constants:e,data:i,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,s=equilizeNoOfElements(a,e),r=slicedToArray(s,2);a=r[0],e=r[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])})}})}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],s=t.map(function(t,i){return e[i]+","+t}).join("L"),r=makePath("M"+s,"line-graph-path",i);if(a){var o=makeGradient(this.svgDefs,i);r.style.stroke="url(#"+o+")"}var l=[r];if(n){var h=makeGradient(this.svgDefs,i,!0),c=this.state.yAxis.zeroLine,u="M0,"+c+"L"+s+"L"+this.width+","+c;l.push(makePath(u,"region-fill","none","url(#"+h+")"))}return l}function normalize(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var 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,s=n,r=1;n>5&&(n%2!=0&&(n=++i-a),s=n/2,r=2),n<=2&&(r=n/(s=4)),0===n&&(s=5,r=1);for(var o=[],l=0;l<=s;l++)o.push(a+r*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],s=a[1],r=e?e/Math.pow(10,s):0,o=getChartRangeIntervals(n=n.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function calcChartIntervals(t){function e(t,e){for(var i=getChartIntervals(t),a=i[1]-i[0],n=0,s=1;n<e;s++)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)),s=[];if(a>=0&&n>=0)normalize(a)[1],s=i?getChartIntervals(a,n):getChartIntervals(a);else if(a>0&&n<0){var r=Math.abs(n);a>=r?(normalize(a)[1],s=e(a,r)):(normalize(r)[1],s=e(r,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],s=(s=i?getChartIntervals(o,l):getChartIntervals(o)).reverse().map(function(t){return-1*t})}return s}function getZeroIndex(t){var e=getIntervalSize(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function getRealIntervals(t,e){for(var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,n=1*(t-i)/e,s=[],r=0;r<=e;r++)s.push(i+n*r);return a?s:s.reverse()}function getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function calcDistribution(t,e){for(var i=Math.max.apply(Math,toConsumableArray(t)),a=1/(e-1),n=[],s=0;s<e;s++){var r=i*(a*s);n.push(r)}return n}function getMaxCheckpoint(t,e){return e.filter(function(e){return e<t}).length}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getDdMmYyyy(t){var e=t.getDate(),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 getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1];return"line"===t?(e.type="line",new AxisChart(e)):"bar"===t?(e.type="bar",new AxisChart(e)):chartTypes[t]?new chartTypes[t](e):void console.error("Undefined chart type: "+t)}__$styleInject('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',void 0);var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},asyncGenerator=function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,n){var o={key:t,arg:e,resolve:i,reject:n,next:null};r?r=r.next=o:(s=r=o,a(t,e))})}function a(i,s){try{var r=e[i](s),o=r.value;o instanceof t?Promise.resolve(o.value).then(function(t){a("next",t)},function(t){a("throw",t)}):n(r.done?"return":"normal",r.value)}catch(t){n("throw",t)}}function n(t,e){switch(t){case"return":s.resolve({value:e,done:!0});break;case"throw":s.reject(e);break;default:s.resolve({value:e,done:!1})}(s=s.next)?a(s.key,s.arg):r=null}var s,r;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 s=Object.getPrototypeOf(e);return null===s?void 0:t(s,i,a)}if("value"in n)return n.value;var r=n.get;if(void 0!==r)return r.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,s=void 0;try{for(var r,o=t[Symbol.iterator]();!(a=(r=o.next()).done)&&(i.push(r.value),!e||i.length!==e);a=!0);}catch(t){n=!0,s=t}finally{try{!a&&o.return&&o.return()}finally{if(n)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")}}(),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)};$$1.create=function(t,e){var i=document.createElement(t);for(var a in e){var n=e[a];if("inside"===a)$$1(n).appendChild(i);else if("around"===a){var s=$$1(n);s.parentNode.insertBefore(i,s),i.appendChild(s)}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,s=void 0===n?[]:n;classCallCheck(this,t),this.parent=a,this.colors=s,this.title_name="",this.title_value="",this.list_values=[],this.title_value_first=0,this.x=0,this.y=0,this.top=0,this.left=0,this.setup()}return createClass(t,[{key:"setup",value:function(){this.make_tooltip()}},{key:"refresh",value:function(){this.fill(),this.calc_position()}},{key:"make_tooltip",value:function(){var t=this;this.container=$$1.create("div",{inside:this.parent,className:"graph-svg-tip comparison",innerHTML:'<span class="title"></span>\n\t\t\t\t<ul class="data-point-list"></ul>\n\t\t\t\t<div class="svg-pointer"></div>'}),this.hide_tip(),this.title=this.container.querySelector(".title"),this.data_point_list=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hide_tip()})}},{key:"fill",value:function(){var t=this,e=void 0;e=this.title_value_first?"<strong>"+this.title_value+"</strong>"+this.title_name:this.title_name+"<strong>"+this.title_value+"</strong>",this.title.innerHTML=e,this.data_point_list.innerHTML="",this.list_values.map(function(e,i){var a=t.colors[i]||"black",n=$$1.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]:[],s=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=s,this.refresh()}},{key:"hide_tip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"show_tip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",AxisChartRenderer=function(){function t(e){classCallCheck(this,t),this.refreshState(e)}return createClass(t,[{key:"refreshState",value:function(t){this.totalHeight=t.totalHeight,this.totalWidth=t.totalWidth,this.zeroLine=t.zeroLine,this.unitWidth=t.unitWidth,this.xAxisMode=t.xAxisMode,this.yAxisMode=t.yAxisMode}},{key:"setZeroline",value:function(t){this.zeroLine=t}},{key:"xLine",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};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 a=this.totalHeight+AXIS_TICK_LENGTH,n="span"===i.mode?-1*AXIS_TICK_LENGTH:this.totalHeight;return"tick"===i.mode&&"top"===i.pos&&(a=-1*AXIS_TICK_LENGTH,n=0),makeVertLine(t,e,a,n,{stroke:i.stroke,className:i.className,lineType:i.lineType})}},{key:"xMarker",value:function(){}},{key:"yMarker",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=createSVG("text",{className:"chart-label",x:this.totalWidth-getStringWidth(e,5)-LABEL_MARGIN,y:t-FONT_SIZE-2,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),n=makeHoriLine(t,"",0,this.totalWidth,{stroke:i.stroke||BASE_LINE_COLOR,className:i.className||"",lineType:i.lineType});return n.appendChild(a),n}},{key:"xRegion",value:function(){return createSVG("rect",{className:"bar mini",style:"fill: rgba(228, 234, 239, 0.49)",x:0,y:y2,width:this.totalWidth,height:y1-y2})}},{key:"yRegion",value:function(t,e,i){var a=createSVG("rect",{className:"bar mini",style:"fill: rgba(228, 234, 239, 0.49)",x:0,y:e,width:this.totalWidth,height:t-e}),n=createSVG("line",{className:"line-horizontal",x1:0,x2:this.totalWidth,y1:e,y2:e,styles:{stroke:BASE_LINE_COLOR}}),s=createSVG("line",{className:"line-horizontal",x1:0,x2:this.totalWidth,y1:t,y2:t,styles:{stroke:BASE_LINE_COLOR}}),r=createSVG("text",{className:"chart-label",x:this.totalWidth-getStringWidth(i,4.5)-LABEL_MARGIN,y:e-FONT_SIZE-2,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:i+""}),o=createSVG("g",{});return o.appendChild(a),o.appendChild(n),o.appendChild(s),o.appendChild(r),o}},{key:"animatebar",value:function(t,e,i,a,n){var s=e-this.avgUnitWidth/4,r=this.avgUnitWidth/2/n,o=getBarHeightAndYAttr(i,this.zeroLine,this.totalHeight),l=slicedToArray(o,2);return e=s+r*a,[t,{width:r,height:l[0],x:e,y:l[1]},UNIT_ANIM_DUR,STD_EASING]}},{key:"animatedot",value:function(t,e,i){return[t,{cx:e,cy:i},UNIT_ANIM_DUR,STD_EASING]}},{key:"animatepath",value:function(t,e){var i=[],a=[t[0],{d:"M"+e},PATH_ANIM_DUR,STD_EASING];if(i.push(a),t[1]){var n="0,"+this.zeroLine+"L",s="L"+this.totalWidth+", "+this.zeroLine,r=[t[1],{d:"M"+n+e+s},PATH_ANIM_DUR,STD_EASING];i.push(r)}return i}}]),t}(),PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},DEFAULT_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta"],getColor=function(t){return PRESET_COLOR_MAP[t]||t},ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},COLOR_COMPATIBLE_CHARTS={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e){var i=e.height,a=void 0===i?240:i,n=e.title,s=void 0===n?"":n,r=e.subtitle,o=void 0===r?"":r,l=(e.colors,e.isNavigable),h=void 0===l?0:l,c=(e.showLegend,e.type,e.parent);classCallCheck(this,t),this.rawChartArgs=arguments[0],this.parent="string"==typeof c?document.querySelector(c):c,this.title=s,this.subtitle=o,this.argHeight=a,this.isNavigable=h,this.isNavigable&&(this.currentIndex=0),this.configure(arguments[0])}return createClass(t,[{key:"configure",value:function(t){this.setColors(),this.config={showTooltip:1,showLegend:1,isNavigable:0,animate:0},this.state={colors:this.colors}}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length<e.length?this.colors=DEFAULT_COLORS:this.colors=t.colors,this.colors=this.colors.map(function(t){return getColor(t)})}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-40,this.translateY=20,this.setHorizontalMargin()}},{key:"setHorizontalMargin",value:function(){this.translateXLeft=60,this.translateXRight=40}},{key:"validate",value:function(){return this.parent?!!this.parseData():(console.error("No parent element to render on was provided."),!1)}},{key:"parseData",value:function(){var t=this.rawChartArgs.data;if(!this.checkData(t))return!1;if(this.config.animate){var e=this.getFirstUpdateData(t),i=slicedToArray(e,2);this.data=i[0],this.firstUpdateData=i[1]}else this.data=t;return!0}},{key:"checkData",value:function(){}},{key:"getFirstUpdateData",value:function(){}},{key:"setup",value:function(){this.validate()&&this._setup()}},{key:"_setup",value:function(){this.bindWindowEvents(),this.setupConstants(),this.setMargins(),this.makeContainer(),this.makeTooltip(),this.calcWidth(),this.makeChartArea(),this.setupComponents(),this.draw(!0)}},{key:"bindWindowEvents",value:function(){var t=this;window.addEventListener("resize orientationchange",function(){return t.draw()})}},{key:"setupConstants",value:function(){}},{key:"setupComponents",value:function(){this.components=[]}},{key:"makeContainer",value:function(){this.container=$$1.create("div",{className:"chart-container",innerHTML:'<h6 class="title">'+this.title+'</h6>\n\t\t\t\t<h6 class="sub-title uppercase">'+this.subtitle+'</h6>\n\t\t\t\t<div class="frappe-chart graphics"></div>\n\t\t\t\t<div class="graph-stats-container"></div>'}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.components.forEach(function(t){return t.make()}),this.renderLegend(),this.setupNavigation(e),setTimeout(function(){t.update()},1e3)}},{key:"calcWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent)-0,this.width=this.baseWidth-(this.translateXLeft+this.translateXRight)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.prepareData(t),this.calc(),this.refreshRenderer(),this.render()}},{key:"prepareData",value:function(){}},{key:"renderConstants",value:function(){}},{key:"calc",value:function(){}},{key:"refreshRenderer",value:function(){this.renderer={}}},{key:"render",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refreshComponents(),this.elementsToAnimate=[].concat.apply([],this.components.map(function(e){return e.update(t)})),console.log(this.elementsToAnimate),this.elementsToAnimate&&runSMILAnimation(this.chartWrapper,this.svg,this.elementsToAnimate)}},{key:"refreshComponents",value:function(){}},{key:"makeChartArea",value:function(){this.svg=makeSVGContainer(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.translateXLeft+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.isNavigable||(this.makeOverlay(),e&&(this.bindOverlay(),document.addEventListener("keydown",function(e){isElementInViewport(t.chartWrapper)&&("37"==(e=e||window.event).keyCode?t.onLeftArrow():"39"==e.keyCode?t.onRightArrow():"38"==e.keyCode?t.onUpArrow():"40"==e.keyCode?t.onDownArrow():"13"==e.keyCode&&t.onEnterKey())})))}},{key:"makeOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bind_units",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(){}},{key:"updateDataset",value:function(t,e){}},{key:"updateDatasets",value:function(t){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"updateDataPoint",value:function(t){}},{key:"getDifferentChart",value:function(t){return getDifferentChart(t,this.type,this.rawChartArgs)}}]),t}(),Y_AXIS_MARGIN=60,ChartComponent$1=function(){function t(e){var i=e.layerClass,a=void 0===i?"":i,n=e.layerTransform,s=void 0===n?"":n,r=e.parent,o=e.constants,l=e.data,h=e.preMake,c=e.makeElements,u=e.postMake,p=e.animateElements;classCallCheck(this,t),this.parent=r,this.layerClass=a,this.layerTransform=s,this.constants=o,this.preMake=h,this.makeElements=c,this.postMake=u,this.animateElements=p,this.store=[],this.layer=makeSVGGroup(this.parent,this.layerClass,this.layerTransform),this.data=l,this.make()}return createClass(t,[{key:"refresh",value:function(t){this.data=t}},{key:"make",value:function(){this.preMake&&this.preMake(),this.render(this.data),this.postMake&&this.postMake(),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=this,e=[];return(!(arguments.length>0&&void 0!==arguments[0])||arguments[0])&&(e=this.animateElements(this.data)),setTimeout(function(){t.make()},1400),e}}]),t}(),MIN_BAR_PERCENT_HEIGHT$1=.01,AxisChartController=function(){function t(e){classCallCheck(this,t),this.meta=e||{},this.setupArgs()}return createClass(t,[{key:"setupArgs",value:function(){this.consts={}}},{key:"setup",value:function(){}},{key:"refreshMeta",value:function(t){this.meta=Object.assign(this.meta||{},t)}},{key:"draw",value:function(){}},{key:"animate",value:function(){}}]),t}(),AxisController=function(t){function e(t){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return inherits(e,t),createClass(e,[{key:"draw",value:function(t,e,i,a){return createSVG("circle",{style:"fill: "+i,"data-point-index":a,cx:t,cy:e,r:this.consts.radius})}},{key:"animate",value:function(t,e,i){return[t,{cx:e,cy:i},UNIT_ANIM_DUR,STD_EASING]}}]),e}(AxisChartController),BarChartController=function(t){function e(t){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return inherits(e,t),createClass(e,[{key:"setupArgs",value:function(){this.consts={spaceRatio:.5,minHeight:this.meta.totalHeight*MIN_BAR_PERCENT_HEIGHT$1}}},{key:"refreshMeta",value:function(t){t&&get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"refreshMeta",this).call(this,t);var i=this.meta;this.consts.barsWidth=i.unitWidth-i.unitWidth*this.consts.spaceRatio,this.consts.width=this.consts.barsWidth/(i.options&&i.options.stacked?i.options.stacked:i.noOfDatasets)}},{key:"draw",value:function(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=getBarHeightAndYAttr(e,this.meta.zeroLine),o=slicedToArray(r,2),l=o[0],h=o[1],c=createSVG("rect",{className:"bar mini",style:"fill: "+i,"data-point-index":n,x:t-this.consts.barsWidth/2,y:h-s,width:this.consts.width,height:l||this.consts.minHeight});return a||a.length?wrapInSVGGroup([c,createSVG("text",{className:"data-point-value",x:t,y:h-s,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:a})]):c}},{key:"animate",value:function(t,e,i,a,n){var s=e-this.meta.unitWidth/4,r=this.meta.unitWidth/2/n,o=getBarHeightAndYAttr(i,this.meta.zeroLine,this.meta.totalHeight),l=slicedToArray(o,2);return e=s+r*a,[t,{width:r,height:l[0],x:e,y:l[1]},UNIT_ANIM_DUR,STD_EASING]}}]),e}(AxisChartController),LineChartController=function(t){function e(t){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return inherits(e,t),createClass(e,[{key:"setupArgs",value:function(){this.consts={radius:this.meta.dotSize||4}}},{key:"draw",value:function(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=createSVG("circle",{style:"fill: "+i,"data-point-index":arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,cx:t,cy:e,r:this.consts.radius});return a||a.length?wrapInSVGGroup([n,createSVG("text",{className:"data-point-value",x:t,y:e,dy:FONT_SIZE/2*-1-this.consts.radius+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:a})]):n}},{key:"animate",value:function(t,e,i){return[t,{cx:e,cy:i},UNIT_ANIM_DUR,STD_EASING]}}]),e}(AxisChartController),AxisChart=function(t){function e(t){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.isSeries=t.isSeries,i.valuesOverPoints=t.valuesOverPoints,i.formatTooltipY=t.formatTooltipY,i.formatTooltipX=t.formatTooltipX,i.barOptions=t.barOptions,i.lineOptions=t.lineOptions,i.type=t.type||"line",i.xAxisMode=t.xAxisMode||"span",i.yAxisMode=t.yAxisMode||"span",i.setupUnitRenderer(),i.zeroLine=i.height,i.preSetup(),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),this.config.xAxisMode=t.xAxisMode,this.config.yAxisMode=t.yAxisMode}},{key:"preSetup",value:function(){}},{key:"setupUnitRenderer",value:function(){var t=this.rawChartArgs.options;this.unitRenderers={bar:new BarChartController(t),line:new LineChartController(t)}}},{key:"setHorizontalMargin",value:function(){this.translateXLeft=Y_AXIS_MARGIN,this.translateXRight=Y_AXIS_MARGIN}},{key:"checkData",value:function(t){return!0}},{key:"getFirstUpdateData",value:function(t){}},{key:"setupConstants",value:function(){var t=this;this.state={xAxisLabels:[],xAxisPositions:[],xAxisMode:this.config.xAxisMode,yAxisMode:this.config.yAxisMode},this.data.datasets.map(function(e){e.chartType||(e.chartType=t.type)}),this.prepareYAxis()}},{key:"prepareData",value:function(t){var e=this.state;e.xAxisLabels=t.labels||[],e.datasetLength=e.xAxisLabels.length;var i=new Array(e.datasetLength).fill(0);e.datasets=t.datasets,t.datasets||(e.datasets=[{values:i}]),e.datasets.map(function(t,a){var n=t.values;n=n?(n=n.map(function(t){return isNaN(t)?0:t})).length>e.datasetLength?n.slice(0,e.datasetLength):fillArray(n,e.datasetLength-n.length,0):i,t.index=a}),e.noOfDatasets=e.datasets.length,e.yMarkers=t.yMarkers,e.yRegions=t.yRegions}},{key:"prepareYAxis",value:function(){this.state.yAxis={labels:[],positions:[]}}},{key:"calc",value:function(){var t=this.state;t.xAxisLabels=this.data.labels,this.calcXPositions(),t.datasetsLabels=this.data.datasets.map(function(t){return t.name}),this.setYAxis(),this.calcYUnits(),this.calcYMaximums(),this.calcYRegions(),this.configUnits()}},{key:"setYAxis",value:function(){this.calcYAxisParameters(this.state.yAxis,this.getAllYValues(),"line"===this.type),this.state.zeroLine=this.state.yAxis.zeroLine}},{key:"calcXPositions",value:function(){var t=this.state;this.setUnitWidthAndXOffset(),t.xAxisPositions=t.xAxisLabels.map(function(e,i){return floatTwo(t.xOffset+i*t.unitWidth)}),t.xUnitPositions=new Array(t.noOfDatasets).fill(t.xAxisPositions)}},{key:"calcYAxisParameters",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"false";t.labels=calcChartIntervals(e,i);var a=t.labels;t.scaleMultiplier=this.height/getValueRange(a);var n=getIntervalSize(a)*t.scaleMultiplier;t.zeroLine=this.height-getZeroIndex(a)*n,t.positions=a.map(function(e){return t.zeroLine-e*t.scaleMultiplier})}},{key:"calcYUnits",value:function(){var t=this.state;t.datasets.map(function(e){e.positions=e.values.map(function(e){return floatTwo(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})}),this.barOptions&&this.barOptions.stacked&&t.datasets.map(function(e,i){e.cumulativePositions=e.cumulativeYs.map(function(e){return floatTwo(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})})}},{key:"calcYMaximums",value:function(){var t=this.state;if(this.barOptions&&this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativePositions);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.positions.map(function(e,i){e<t.yExtremes[i]&&(t.yExtremes[i]=e)})})}},{key:"calcYRegions",value:function(){var t=this.state;t.yMarkers&&(t.yMarkers=t.yMarkers.map(function(e){return e.value=floatTwo(t.yAxis.zeroLine-e.value*t.yAxis.scaleMultiplier),e})),t.yRegions&&(t.yRegions=t.yRegions.map(function(e){return e.start=floatTwo(t.yAxis.zeroLine-e.start*t.yAxis.scaleMultiplier),e.end=floatTwo(t.yAxis.zeroLine-e.end*t.yAxis.scaleMultiplier),e}))}},{key:"configUnits",value:function(){}},{key:"setUnitWidthAndXOffset",value:function(){this.state.unitWidth=this.width/this.state.datasetLength,this.state.xOffset=this.state.unitWidth/2}},{key:"getAllYValues",value:function(){var t,e=this,i="values";if(this.barOptions&&this.barOptions.stacked){i="cumulativeYs";var a=new Array(this.state.datasetLength).fill(0);this.state.datasets.map(function(t,n){var s=e.state.datasets[n].values;t[i]=a=a.map(function(t,e){return t+s[e]})})}return(t=[]).concat.apply(t,toConsumableArray(this.state.datasets.map(function(t){return t[i]})))}},{key:"calcIntermedState",value:function(){}},{key:"setupValues",value:function(){}},{key:"setupComponents",value:function(){this.yAxis=getYAxisComponent(this.drawArea,{mode:this.yAxisMode,width:this.width},{positions:getRealIntervals(this.height,4,0,0),labels:getRealIntervals(this.height,4,0,0).map(function(t){return t+""})}),this.components=[this.yAxis]}},{key:"refreshComponents",value:function(){this.refreshYAxis()}},{key:"refreshYAxis",value:function(){var t=this.state;this.yAxis.refresh({positions:t.yAxis.positions,labels:t.yAxis.labels})}},{key:"getXAxisComponents",value:function(){var t=this;return new ChartComponent({layerClass:"x axis",setData:function(){var e=t.state;return[{positions:e.xAxisPositions,labels:e.xAxisLabels},{mode:t.xAxisMode,height:t.height}]},makeElements:function(){var e=t.state;return e.xAxisPositions.map(function(i,a){return xLine(i,e.xAxisLabels[a],t.constants.height)})},animate:function(e){var i=t.state.xAxisPositions,a=t.oldState.xAxisPositions;t.oldState.xExtra=i.length-a.length;var n=e[e.length-1],s=n.parentNode,r=equilizeNoOfElements(a,i),o=slicedToArray(r,2);if(a=o[0],i=o[1],t.oldState.xExtra>0)for(var l=0;l<t.oldState.xExtra;l++){var h=n.cloneNode(!0);s.appendChild(h),e.push(h)}e.map(function(e,n){t.elementsToAnimate.push(t.renderer.translateVertLine(e,i[n],a[n]))})}})}},{key:"getChartComponents",value:function(){var t=this,e=[];return this.data.datasets.forEach(function(i,a){"line"===i.chartType&&e.push(t.getPathComponent(i,a));var n=t.unitRenderers[i.chartType];e.push(t.getDataUnitComponent(a,n))}),e}},{key:"getChartLabels",value:function(){return[]}},{key:"getDataUnitComponent",value:function(t,e){var i=this;return new ChartComponent({layerClass:"dataset-units dataset-"+t,setData:function(){},preMake:function(){},makeElements:function(){var a=i.state.datasets[t];return a.positions.map(function(n,s){return e.draw(i.state.xAxisPositions[s],n,i.colors[t],i.valuesOverPoints?i.barOptions&&i.barOptions.stacked?a.cumulativeYs[s]:a.values[s]:"",s,n-(a.cumulativePositions?a.cumulativePositions[s]:n))})},postMake:function(){var i=this;"bar"!==this.meta.type||this.meta.barOptions&&this.meta.barOptions.stacked||function(){i.layer.setAttribute("transform","translate("+e.consts.width*t+", 0)")}()},animate:function(a){var n=i.state.xAxisPositions,s=i.state.datasets[t].positions,r=a[a.length-1],o=r.parentNode;if(i.oldState.xExtra>0)for(var l=0;l<i.oldState.xExtra;l++){var h=r.cloneNode(!0);o.appendChild(h),a.push(h)}a.map(function(a,r){void 0!==n[r]&&void 0!==s[r]&&i.elementsToAnimate.push(e.animate(a,n[r],s[r],t,i.state.noOfDatasets))})}})}},{key:"getPathComponent",value:function(t,e){var i=this;return new ChartComponent({layerClass:"path dataset-path",setData:function(){},makeElements:function(){var t=i.state.datasets[e],a=i.colors[e];return getPaths(t.positions,i.state.xAxisPositions,a,i.config.heatline,i.config.regionFill)},animate:function(t){var a=i.state.xAxisPositions,n=i.state.datasets[e].positions,s=i.oldState.xAxisPositions,r=i.oldState.datasets[e].positions,o=t[0].parentNode,l=equilizeNoOfElements(s,a),h=slicedToArray(l,2);s=h[0],a=h[1];var c=equilizeNoOfElements(r,n),u=slicedToArray(c,2);r=u[0],n=u[1],i.oldState.xExtra>0&&(t=getPaths(r,s,i.colors[e],i.config.heatline,i.config.regionFill),o.textContent="",t.map(function(t){return o.appendChild(t)}));var p=n.map(function(t,e){return a[e]+","+t});i.elementsToAnimate=i.elementsToAnimate.concat(i.renderer.animatepath(t,p.join("L")))}})}},{key:"getYMarkerLines",value:function(){var t=this;return this.data.yMarkers?this.data.yMarkers.map(function(e,i){return new ChartComponent({layerClass:"y-markers",setData:function(){},makeElements:function(){return t.state.yMarkers.map(function(e){return t.renderer.yMarker(e.value,e.name,{pos:"right",mode:"span",lineType:e.type})})},animate:function(){}})}):[]}},{key:"getYRegions",value:function(){var t=this;return this.data.yRegions?this.data.yRegions.map(function(e,i){return new ChartComponent({layerClass:"y-regions",setData:function(){},makeElements:function(){return t.state.yRegions.map(function(e){return t.renderer.yRegion(e.start,e.end,e.name)})},animate:function(){}})}):[]}},{key:"refreshRenderer",value:function(){var t=this,e={totalHeight:this.height,totalWidth:this.width,xAxisMode:this.config.xAxisMode,yAxisMode:this.config.yAxisMode,zeroLine:this.state.zeroLine,unitWidth:this.state.unitWidth};this.renderer?this.renderer.refreshState(e):this.renderer=new AxisChartRenderer(e);var i={totalHeight:this.height,totalWidth:this.width,zeroLine:this.state.zeroLine,unitWidth:this.state.unitWidth,noOfDatasets:this.state.noOfDatasets};i=Object.assign(i,this.rawChartArgs.options),Object.keys(this.unitRenderers).map(function(e){i.options=t[e+"Options"],t.unitRenderers[e].refreshMeta(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.translateXLeft;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.xAxisLabels;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]),s=i.datasetLength-1;s>=0;s--){var r=i.xAxisPositions[s];if(t>r-i.unitWidth/2){var o=r+this.translateXLeft,l=i.yExtremes[s]+this.translateY,h=i.datasets.map(function(t,i){return{title:t.title,value:n?e.formatTooltipY(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.set_values(o,l,a[s],"",h),this.tip.show_tip();break}}}}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.current_index,e={index:t},i=this.y[0];return["svg_units","yUnitPositions","values"].map(function(a){var n=a.slice(0,a.length-1);e[n]=i[a][t]}),e.label=this.xAxisLabels[t],e}},{key:"setCurrentDataPoint",value:function(t){(t=parseInt(t))<0&&(t=0),t>=this.xAxisLabels.length&&(t=this.xAxisLabels.length-1),t!==this.current_index&&(this.current_index=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)}}]),e}(BaseChart),LineChart=function(t){function e(t){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="line",Object.getPrototypeOf(i)!==e.prototype?possibleConstructorReturn(i):(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.config.xAxisMode=t.xAxisMode||"span",this.config.yAxisMode=t.yAxisMode||"span",this.config.dotRadius=t.dotRadius||4,this.config.heatline=t.heatline||0,this.config.regionFill=t.regionFill||0,this.config.showDots=t.showDots||1}},{key:"configUnits",value:function(){this.unitArgs={type:"dot",args:{radius:this.config.dotRadius}}}},{key:"setUnitWidthAndXOffset",value:function(){this.state.unitWidth=this.width/(this.state.datasetLength-1),this.state.xOffset=0}}]),e}(AxisChart),ScatterChart=function(t){function e(t){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="scatter",t.dotRadius?i.dotRadius=t.dotRadius:i.dotRadius=8,i.setup(),i}return inherits(e,t),createClass(e,[{key:"setup_values",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_values",this).call(this),this.unit_args={type:"dot",args:{radius:this.dotRadius}}}},{key:"make_paths",value:function(){}},{key:"make_path",value:function(){}}]),e}(LineChart),MultiAxisChart=function(t){function e(t){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return inherits(e,t),createClass(e,[{key:"preSetup",value:function(){this.type="multiaxis"}},{key:"setHorizontalMargin",value:function(){var t=this.data.datasets.filter(function(t){return"left"===t.axisPosition}).length;this.translateXLeft=t*Y_AXIS_MARGIN||Y_AXIS_MARGIN,this.translateXRight=(this.data.datasets.length-t)*Y_AXIS_MARGIN||Y_AXIS_MARGIN}},{key:"prepareYAxis",value:function(){}},{key:"prepareData",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"prepareData",this).call(this,t);var i=0,a=0;this.state.datasets.forEach(function(t,e){t.yAxis={position:t.axisPosition,index:"left"===t.axisPosition?i++:a++}})}},{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.xAxisMode=t.xAxisMode||"tick",this.config.yAxisMode=t.yAxisMode||"span"}},{key:"configUnits",value:function(){this.unitArgs={type:"bar",args:{spaceWidth:this.state.unitWidth/2}}}},{key:"setYAxis",value:function(){var t=this;this.state.datasets.map(function(e){t.calcYAxisParameters(e.yAxis,e.values,"line"===t.unitType)})}},{key:"calcYUnits",value:function(){this.state.datasets.map(function(t){t.positions=t.values.map(function(e){return floatTwo(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})})}},{key:"renderConstants",value:function(){var t=this;this.state.datasets.map(function(e){var a="left"===e.yAxis.position?-1*e.yAxis.index*Y_AXIS_MARGIN:t.width+e.yAxis.index*Y_AXIS_MARGIN;t.renderer.xLine(a,"",{pos:"top",mode:"span",stroke:t.colors[i],className:"y-axis-guide"})})}},{key:"getYAxesComponents",value:function(){var t=this;return this.data.datasets.map(function(e,i){return new ChartComponent({layerClass:"y axis y-axis-"+i,make:function(){var e=t.state.datasets[i].yAxis;t.renderer.setZeroline(e.zeroline);var a={pos:e.position,mode:"tick",offset:e.index*Y_AXIS_MARGIN,stroke:t.colors[i]};return e.positions.map(function(i,n){return t.renderer.yLine(i,e.labels[n],a)})},animate:function(){}})})}},{key:"getChartComponents",value:function(){var t=this;return this.data.datasets.map(function(e,i){return new ChartComponent({layerClass:"dataset-units dataset-"+i,make:function(){var e=t.state.datasets[i],a=t.unitArgs;return t.renderer.setZeroline(e.yAxis.zeroLine),e.positions.map(function(e,n){return t.renderer[a.type](t.state.xAxisPositions[n],e,a.args,t.colors[i],n,i,t.state.datasetLength)})},animate:function(e){var a=t.state.datasets[i],n=t.unitArgs.type,s=t.state.xAxisPositions,r=t.state.datasets[i].positions,o=e[e.length-1],l=o.parentNode;if(t.oldState.xExtra>0)for(var h=0;h<t.oldState.xExtra;h++){var c=o.cloneNode(!0);l.appendChild(c),e.push(c)}t.renderer.setZeroline(a.yAxis.zeroLine),e.map(function(e,a){void 0!==s[a]&&void 0!==r[a]&&t.elementsToAnimate.push(t.renderer["animate"+n](e,s[a],r[a],i,t.state.noOfDatasets))})}})})}}]),e}(AxisChart),PercentageChart=function(t){function e(t){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="percentage",i.max_slices=10,i.max_legend_points=6,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.chartDiv=$$1.create("div",{className:"div",inside:this.chartWrapper}),this.chart=$$1.create("div",{className:"progress-chart",inside:this.chartDiv})}},{key:"setupLayers",value:function(){this.percentageBar=$$1.create("div",{className:"progress",inside:this.chart})}},{key:"setup_values",value:function(){var t=this;this.slice_totals=[];var e=this.data.labels.map(function(e,i){var a=0;return t.data.datasets.map(function(t){a+=t.values[i]}),[a,e]}).filter(function(t){return t[0]>0}),i=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),i=e.slice(0,this.max_slices-1);var a=0;e.slice(this.max_slices-1).map(function(t){a+=t[0]}),i.push([a,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],i.map(function(e){t.slice_totals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.slice_totals.slice(0,this.max_legend_points)}},{key:"renderComponents",value:function(){var t=this;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0),this.slices=[],this.slice_totals.map(function(e,i){var a=$$1.create("div",{className:"progress-bar",inside:t.percentageBar,styles:{background:t.colors[i],width:100*e/t.grand_total+"%"}});t.slices.push(a)})}},{key:"calc",value:function(){}}]),e}(BaseChart),ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,PieChart=function(t){function e(t){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="pie",i.elements_to_animate=null,i.hoverRadio=t.hoverRadio||.1,i.max_slices=10,i.max_legend_points=6,i.isAnimate=!1,i.startAngle=t.startAngle||0,i.clockWise=t.clockWise||!1,i.mouseMove=i.mouseMove.bind(i),i.mouseLeave=i.mouseLeave.bind(i),i.setup(),i}return inherits(e,t),createClass(e,[{key:"setup_values",value:function(){var t=this;this.centerX=this.width/2,this.centerY=this.height/2,this.radius=this.height>this.width?this.centerX:this.centerY,this.slice_totals=[];var e=this.data.labels.map(function(e,i){var a=0;return t.data.datasets.map(function(t){a+=t.values[i]}),[a,e]}).filter(function(t){return t[0]>0}),i=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),i=e.slice(0,this.max_slices-1);var a=0;e.slice(this.max_slices-1).map(function(t){a+=t[0]}),i.push([a,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],i.map(function(e){t.slice_totals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.slice_totals.slice(0,this.max_legend_points)}},{key:"makeArcPath",value:function(t,e){var i=this.centerX,a=this.centerY,n=this.radius,s=this.clockWise;return"M"+i+" "+a+" L"+(i+t.x)+" "+(a+t.y)+" A "+n+" "+n+" 0 0 "+(s?1:0)+" "+(i+e.x)+" "+(a+e.y)+" z"}},{key:"renderComponents",value:function(t){var i=this,a=this.radius,n=this.clockWise;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0);var s=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var r=180-this.startAngle;this.slice_totals.map(function(o,l){var h=r,c=o/i.grand_total*FULL_ANGLE,u=n?-c:c,p=r+=u,d=e.getPositionByAngle(h,a),f=e.getPositionByAngle(p,a),v=t&&s[l],y=void 0,g=void 0;t?(y=v?v.startPosition:d,g=v?v.endPosition:d):(y=d,g=f);var m=i.makeArcPath(y,g),_=makePath(m,"pie-path","none",i.colors[l]);_.style.transition="transform .3s;",i.drawArea.appendChild(_),i.slices.push(_),i.slicesProperties.push({startPosition:d,endPosition:f,value:o,total:i.grand_total,startAngle:h,endAngle:p,angle:u}),t&&i.elements_to_animate.push([{unit:_,array:i.slices,index:i.slices.length-1},{d:i.makeArcPath(d,f)},650,"easein",null,{d:m}])}),t&&runSMILAnimation(this.chartWrapper,this.svg,this.elements_to_animate)}},{key:"calTranslateByAngle",value:function(t){var i=this.radius,a=this.hoverRadio,n=e.getPositionByAngle(t.startAngle+t.angle/2,i);return"translate3d("+n.x*a+"px,"+n.y*a+"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 s=getOffset(this.svg),r=a.pageX-s.left+10,o=a.pageY-s.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.labels[e])+": ",h=(100*this.slice_totals[e]/this.grand_total).toFixed(1);this.tip.set_values(r,o,l,h+"%"),this.tip.show_tip()}else transform(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=n}}},{key:"mouseMove",value:function(t){for(var e=t.target,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(){this.drawArea.addEventListener("mousemove",this.mouseMove),this.drawArea.addEventListener("mouseleave",this.mouseLeave)}},{key:"renderLegend",value:function(){var t=this,e=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legend_totals.map(function(i,a){var n=t.colors[a];i&&($$1.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='<span class="indicator">\n\t\t\t\t\t<i style="background-color:'+n+';"></i>\n\t\t\t\t\t<span class="text-muted">'+e[a]+":</span>\n\t\t\t\t\t"+i+"\n\t\t\t\t</span>")})}}],[{key:"getPositionByAngle",value:function(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}}]),e}(BaseChart),Heatmap=function(t){function e(t){var i=t.start,a=void 0===i?"":i,n=t.domain,s=void 0===n?"":n,r=t.subdomain,o=void 0===r?"":r,l=t.data,h=void 0===l?{}:l,c=t.discrete_domains,u=void 0===c?0:c,p=t.count_label,d=void 0===p?"":p,f=t.legend_colors,v=void 0===f?[]:f;classCallCheck(this,e);var y=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,arguments[0]));y.type="heatmap",y.domain=s,y.subdomain=o,y.data=h,y.discrete_domains=u,y.count_label=d;var g=new Date;return y.start=a||addDays(g,365),v=v.slice(0,5),y.legend_colors=y.validate_colors(v)?v:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],y.distribution_size=5,y.translateX=0,y}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:"setupConstants",value:function(){this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&addDays(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&addDays(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=getWeeksBetween(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"setupLayers",value:function(){this.domain_label_group=this.makeLayer("domain-label-group chart-label"),this.data_groups=this.makeLayer("data-groups","translate(0, 20)")}},{key:"setup_values",value:function(){var t=this;this.domain_label_group.textContent="",this.data_groups.textContent="";var e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=calcDistribution(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"],this.render_all_weeks_and_store_x_values(this.no_of_cols)}},{key:"render_all_weeks_and_store_x_values",value:function(t){var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;i<t;i++){var a=void 0,n=0,s=new Date(e),r=this.get_week_squares_group(s,this.week_col),o=slicedToArray(r,2);a=o[0],n=o[1],this.data_groups.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,s=makeSVGGroup(this.data_groups,"data-group"),r=0,o=0;o<7;o+=1,r+=12){var l=0,h=0,c=t.getTime()/1e3,u=Math.floor(c-c%86400).toFixed(1);this.data[u]&&(l=this.data[u]),this.data[Math.round(u)]&&(l=this.data[Math.round(u)]),l&&(h=getMaxCheckpoint(l,this.distribution));var p=13+12*(e+n),d={"data-date":getDdMmYyyy(t),"data-value":l,"data-day":t.getDay()},f=makeHeatSquare("day",p,r,10,this.legend_colors[h],d);s.appendChild(f);var v=new Date(t);if(addDays(v,1),v.getTime()>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[s,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.domain_label_group.appendChild(a)})}},{key:"renderComponents",value:function(){Array.prototype.slice.call(this.container.querySelectorAll(".graph-stats-container, .sub-title, .title")).map(function(t){t.style.display="None"}),this.chartWrapper.style.marginTop="0px",this.chartWrapper.style.paddingTop="0px"}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),a=e.target.getAttribute("data-date").split("-"),n=t.month_names[parseInt(a[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 "+n+" "+a[0]+", "+a[2];t.tip.set_values(l,h,u,c,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){this.data=t,this.setup_values(),this.bindTooltip()}}]),e}(BaseChart),chartTypes={mixed:AxisChart,multiaxis:MultiAxisChart,scatter:ScatterChart,percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e){return classCallCheck(this,t),getChartByType(e.type,arguments[0])};module.exports=Chart;
diff --git a/dist/frappe-charts.min.esm.js b/dist/frappe-charts.min.esm.js
index 2e35601..2ee2b45 100644
--- a/dist/frappe-charts.min.esm.js
+++ b/dist/frappe-charts.min.esm.js
@@ -1 +1 @@
-function __$styleInject(t,e){if("undefined"==typeof document)return e;t=t||"";var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");return a.type="text/css",i.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t)),e}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}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 getBarHeightAndYAttr(t,e){var i=void 0,a=void 0;return t<=e?(a=t,0===(i=e-t)&&(a-=i=totalHeight*MIN_BAR_PERCENT_HEIGHT)):(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 $$2(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)$$2(n).appendChild(i);else if("around"===a){var s=$$2(n);s.parentNode.insertBefore(i,s),i.appendChild(s)}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 wrapInSVGGroup(t){var e=createSVG("g",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:""});return t.forEach(function(t){return e.appendChild(t)}),e}function makePath(t){return createSVG("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function makeGradient(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a="path-fill-gradient-"+e,n=renderVerticalGradient(t,a),s=[1,.6,.2];return i&&(s=[.4,.2,0]),setGradientStop(n,"0%",e,s[0]),setGradientStop(n,"50%",e,s[1]),setGradientStop(n,"100%",e,s[2]),a}function makeHeatSquare(t,e,i,a){var n=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:i,width:a,height:a,fill:1};return Object.keys(n).map(function(t){s[t]=n[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 s=createSVG("line",{className:"line-vertical "+n.className,x1:0,x2:0,y1:i,y2:a,styles:{stroke:n.stroke}}),r=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(s),o.appendChild(r),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 s=createSVG("line",{className:"line-horizontal "+n.className+("dashed"===n.lineType?"dashed":""),x1:i,x2:a,y1:t,y2:t,styles:{stroke:n.stroke}}),r=createSVG("text",{x:i<a?i-LABEL_MARGIN:i+LABEL_MARGIN,y:t,dy:FONT_SIZE/2-2+"px","font-size":FONT_SIZE+"px","text-anchor":i<a?"end":"start",innerHTML:e+""}),o=createSVG("g",{"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 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),s=limitColor((n>>16)+e),r=limitColor((n>>8&255)+e),o=limitColor((255&n)+e);return(a?"#":"")+(o|r<<8|s<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function getDifferentChart(t,e,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 a=COLOR_COMPATIBLE_CHARTS[e].includes(t);return new Chart({parent:i.parent,title:i.title,data:i.data,type:t,height:i.height,colors:a?i.colors:void 0})}}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,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:EASING[a],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};n&&(p.type=n);for(var d in p)h.setAttribute(d,p[d]);r.appendChild(h),n?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[r,o]}function transform(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function animateSVG(t,e){var i=[],a=[];e.map(function(t){var e=t[0],n=e.parentNode,s=void 0,r=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);s=l[0],r=l[1],i.push(r),a.push([s,n]),n.replaceChild(s,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 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],s=t.map(function(t,i){return e[i]+","+t}).join("L"),r=makePath("M"+s,"line-graph-path",i);if(a){var o=makeGradient(this.svgDefs,i);r.style.stroke="url(#"+o+")"}var l=[r];if(n){var h=makeGradient(this.svgDefs,i,!0),c=this.state.yAxis.zeroLine,u="M0,"+c+"L"+s+"L"+this.width+","+c;l.push(makePath(u,"region-fill","none","url(#"+h+")"))}return l}function normalize(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function getRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),a=Math.floor(e),n=i-a,s=n,r=1;n>5&&(n%2!=0&&(n=++i-a),s=n/2,r=2),n<=2&&(r=n/(s=4)),0===n&&(s=5,r=1);for(var o=[],l=0;l<=s;l++)o.push(a+r*l);return o}function getIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=normalize(t),a=slicedToArray(i,2),n=a[0],s=a[1],r=e?e/Math.pow(10,s):0,o=getRangeIntervals(n=n.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function calcIntervals(t){function e(t,e){for(var i=getIntervals(t),a=i[1]-i[0],n=0,s=1;n<e;s++)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)),s=[];if(a>=0&&n>=0)normalize(a)[1],s=i?getIntervals(a,n):getIntervals(a);else if(a>0&&n<0){var r=Math.abs(n);a>=r?(normalize(a)[1],s=e(a,r)):(normalize(r)[1],s=e(r,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],s=(s=i?getIntervals(o,l):getIntervals(o)).reverse().map(function(t){return-1*t})}return s}function getZeroIndex(t){var e=getIntervalSize(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function calcDistribution(t,e){for(var i=Math.max.apply(Math,toConsumableArray(t)),a=1/(e-1),n=[],s=0;s<e;s++){var r=i*(a*s);n.push(r)}return n}function getMaxCheckpoint(t,e){return e.filter(function(e){return e<t}).length}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getDdMmYyyy(t){var e=t.getDate(),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 getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1];return"line"===t?(e.type="line",new AxisChart(e)):"bar"===t?(e.type="bar",new AxisChart(e)):chartTypes[t]?new chartTypes[t](e):void console.error("Undefined chart type: "+t)}__$styleInject('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',void 0);var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},asyncGenerator=function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,n){var o={key:t,arg:e,resolve:i,reject:n,next:null};r?r=r.next=o:(s=r=o,a(t,e))})}function a(i,s){try{var r=e[i](s),o=r.value;o instanceof t?Promise.resolve(o.value).then(function(t){a("next",t)},function(t){a("throw",t)}):n(r.done?"return":"normal",r.value)}catch(t){n("throw",t)}}function n(t,e){switch(t){case"return":s.resolve({value:e,done:!0});break;case"throw":s.reject(e);break;default:s.resolve({value:e,done:!1})}(s=s.next)?a(s.key,s.arg):r=null}var s,r;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 s=Object.getPrototypeOf(e);return null===s?void 0:t(s,i,a)}if("value"in n)return n.value;var r=n.get;if(void 0!==r)return r.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,s=void 0;try{for(var r,o=t[Symbol.iterator]();!(a=(r=o.next()).done)&&(i.push(r.value),!e||i.length!==e);a=!0);}catch(t){n=!0,s=t}finally{try{!a&&o.return&&o.return()}finally{if(n)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")}}(),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)};$$1.create=function(t,e){var i=document.createElement(t);for(var a in e){var n=e[a];if("inside"===a)$$1(n).appendChild(i);else if("around"===a){var s=$$1(n);s.parentNode.insertBefore(i,s),i.appendChild(s)}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,s=void 0===n?[]:n;classCallCheck(this,t),this.parent=a,this.colors=s,this.title_name="",this.title_value="",this.list_values=[],this.title_value_first=0,this.x=0,this.y=0,this.top=0,this.left=0,this.setup()}return createClass(t,[{key:"setup",value:function(){this.make_tooltip()}},{key:"refresh",value:function(){this.fill(),this.calc_position()}},{key:"make_tooltip",value:function(){var t=this;this.container=$$1.create("div",{inside:this.parent,className:"graph-svg-tip comparison",innerHTML:'<span class="title"></span>\n\t\t\t\t<ul class="data-point-list"></ul>\n\t\t\t\t<div class="svg-pointer"></div>'}),this.hide_tip(),this.title=this.container.querySelector(".title"),this.data_point_list=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hide_tip()})}},{key:"fill",value:function(){var t=this,e=void 0;e=this.title_value_first?"<strong>"+this.title_value+"</strong>"+this.title_name:this.title_name+"<strong>"+this.title_value+"</strong>",this.title.innerHTML=e,this.data_point_list.innerHTML="",this.list_values.map(function(e,i){var a=t.colors[i]||"black",n=$$1.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]:[],s=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=s,this.refresh()}},{key:"hide_tip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"show_tip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",AxisChartRenderer=function(){function t(e){classCallCheck(this,t),this.refreshState(e)}return createClass(t,[{key:"refreshState",value:function(t){this.totalHeight=t.totalHeight,this.totalWidth=t.totalWidth,this.zeroLine=t.zeroLine,this.unitWidth=t.unitWidth,this.xAxisMode=t.xAxisMode,this.yAxisMode=t.yAxisMode}},{key:"setZeroline",value:function(t){this.zeroLine=t}},{key:"xLine",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};i.pos||(i.pos="bottom"),i.offset||(i.offset=0),i.mode||(i.mode=this.xAxisMode),i.stroke||(i.stroke=BASE_LINE_COLOR),i.className||(i.className="");var a=this.totalHeight+AXIS_TICK_LENGTH,n="span"===i.mode?-1*AXIS_TICK_LENGTH:this.totalHeight;return"tick"===i.mode&&"top"===i.pos&&(a=-1*AXIS_TICK_LENGTH,n=0),makeVertLine(t,e,a,n,{stroke:i.stroke,className:i.className,lineType:i.lineType})}},{key:"yLine",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};i.pos||(i.pos="left"),i.offset||(i.offset=0),i.mode||(i.mode=this.yAxisMode),i.stroke||(i.stroke=BASE_LINE_COLOR),i.className||(i.className="");var a=-1*AXIS_TICK_LENGTH,n="span"===i.mode?this.totalWidth+AXIS_TICK_LENGTH:0;return"tick"===i.mode&&"right"===i.pos&&(a=this.totalWidth+AXIS_TICK_LENGTH,n=this.totalWidth),a+=i.offset,n+=i.offset,makeHoriLine(t,e,a,n,{stroke:i.stroke,className:i.className,lineType:i.lineType})}},{key:"xMarker",value:function(){}},{key:"yMarker",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=createSVG("text",{className:"chart-label",x:this.totalWidth-getStringWidth(e,5)-LABEL_MARGIN,y:t-FONT_SIZE-2,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),n=makeHoriLine(t,"",0,this.totalWidth,{stroke:i.stroke||BASE_LINE_COLOR,className:i.className||"",lineType:i.lineType});return n.appendChild(a),n}},{key:"xRegion",value:function(){return createSVG("rect",{className:"bar mini",style:"fill: rgba(228, 234, 239, 0.49)",x:0,y:y2,width:this.totalWidth,height:y1-y2})}},{key:"yRegion",value:function(t,e,i){var a=createSVG("rect",{className:"bar mini",style:"fill: rgba(228, 234, 239, 0.49)",x:0,y:e,width:this.totalWidth,height:t-e}),n=createSVG("line",{className:"line-horizontal",x1:0,x2:this.totalWidth,y1:e,y2:e,styles:{stroke:BASE_LINE_COLOR}}),s=createSVG("line",{className:"line-horizontal",x1:0,x2:this.totalWidth,y1:t,y2:t,styles:{stroke:BASE_LINE_COLOR}}),r=createSVG("text",{className:"chart-label",x:this.totalWidth-getStringWidth(i,4.5)-LABEL_MARGIN,y:e-FONT_SIZE-2,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:i+""}),o=createSVG("g",{});return o.appendChild(a),o.appendChild(n),o.appendChild(s),o.appendChild(r),o}},{key:"animatebar",value:function(t,e,i,a,n){var s=e-this.avgUnitWidth/4,r=this.avgUnitWidth/2/n,o=getBarHeightAndYAttr(i,this.zeroLine,this.totalHeight),l=slicedToArray(o,2);return e=s+r*a,[t,{width:r,height:l[0],x:e,y:l[1]},UNIT_ANIM_DUR,STD_EASING]}},{key:"animatedot",value:function(t,e,i){return[t,{cx:e,cy:i},UNIT_ANIM_DUR,STD_EASING]}},{key:"animatepath",value:function(t,e){var i=[],a=[t[0],{d:"M"+e},PATH_ANIM_DUR,STD_EASING];if(i.push(a),t[1]){var n="0,"+this.zeroLine+"L",s="L"+this.totalWidth+", "+this.zeroLine,r=[t[1],{d:"M"+n+e+s},PATH_ANIM_DUR,STD_EASING];i.push(r)}return i}},{key:"translate",value:function(t,e,i,a){return[t,{transform:i.join(", ")},a,STD_EASING,"translate",{transform:e.join(", ")}]}},{key:"translateVertLine",value:function(t,e,i){return this.translate(t,[i,0],[e,0],MARKER_LINE_ANIM_DUR)}},{key:"translateHoriLine",value:function(t,e,i){return this.translate(t,[0,i],[0,e],MARKER_LINE_ANIM_DUR)}}]),t}(),PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},DEFAULT_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta"],getColor=function(t){return PRESET_COLOR_MAP[t]||t},ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},COLOR_COMPATIBLE_CHARTS={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e){var i=e.height,a=void 0===i?240:i,n=e.title,s=void 0===n?"":n,r=e.subtitle,o=void 0===r?"":r,l=(e.colors,e.isNavigable),h=void 0===l?0:l,c=(e.showLegend,e.type,e.parent);classCallCheck(this,t),this.rawChartArgs=arguments[0],this.parent="string"==typeof c?document.querySelector(c):c,this.title=s,this.subtitle=o,this.argHeight=a,this.isNavigable=h,this.isNavigable&&(this.currentIndex=0),this.configure(arguments[0])}return createClass(t,[{key:"configure",value:function(t){this.setColors(),this.config={showTooltip:1,showLegend:1,isNavigable:0,animate:0},this.state={colors:this.colors}}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length<e.length?this.colors=DEFAULT_COLORS:this.colors=t.colors,this.colors=this.colors.map(function(t){return getColor(t)})}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-40,this.translateY=20,this.setHorizontalMargin()}},{key:"setHorizontalMargin",value:function(){this.translateXLeft=60,this.translateXRight=40}},{key:"validate",value:function(){return this.parent?!!this.parseData():(console.error("No parent element to render on was provided."),!1)}},{key:"parseData",value:function(){var t=this.rawChartArgs.data;if(!this.checkData(t))return!1;if(this.config.animate){var e=this.getFirstUpdateData(t),i=slicedToArray(e,2);this.data=i[0],this.firstUpdateData=i[1]}else this.data=t;return!0}},{key:"checkData",value:function(){}},{key:"getFirstUpdateData",value:function(){}},{key:"setup",value:function(){this.validate()&&this._setup()}},{key:"_setup",value:function(){this.bindWindowEvents(),this.setupConstants(),this.setupComponents(),this.setMargins(),this.makeContainer(),this.makeTooltip(),this.draw(!0)}},{key:"bindWindowEvents",value:function(){var t=this;window.addEventListener("resize orientationchange",function(){return t.draw()})}},{key:"setupConstants",value:function(){}},{key:"setupComponents",value:function(){this.components=[]}},{key:"makeContainer",value:function(){this.container=$$1.create("div",{className:"chart-container",innerHTML:'<h6 class="title">'+this.title+'</h6>\n\t\t\t\t<h6 class="sub-title uppercase">'+this.subtitle+'</h6>\n\t\t\t\t<div class="frappe-chart graphics"></div>\n\t\t\t\t<div class="graph-stats-container"></div>'}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcWidth(),this.refresh(this.data),this.makeChartArea(),this.setComponentParent(),this.makeComponentLayers(),this.renderLegend(),this.setupNavigation(t),this.renderComponents(),this.renderConstants(),this.config.animate&&this.update(this.firstUpdateData)}},{key:"update",value:function(t){this.refresh(t),this.reRender()}},{key:"calcWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent)-0,this.width=this.baseWidth-(this.translateXLeft+this.translateXRight)}},{key:"refresh",value:function(t){this.oldState=this.state?JSON.parse(JSON.stringify(this.state)):{},this.intermedState={},this.prepareData(t),this.reCalc(),this.refreshRenderer()}},{key:"makeChartArea",value:function(){this.svg=makeSVGContainer(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.translateXLeft+", "+this.translateY+")")}},{key:"prepareData",value:function(){}},{key:"renderConstants",value:function(){}},{key:"reCalc",value:function(){}},{key:"refreshRenderer",value:function(){this.renderer={}}},{key:"reRender",value:function(){var t=this;if(!(!(arguments.length>0&&void 0!==arguments[0])||arguments[0]))return void this.renderComponents();this.elementsToAnimate=[],this.loadAnimatedComponents(),runSMILAnimation(this.chartWrapper,this.svg,this.elementsToAnimate),setTimeout(function(){t.renderComponents()},400)}},{key:"setComponentParent",value:function(){var t=this;this.components.forEach(function(e){return e.setupParent(t.drawArea)})}},{key:"makeComponentLayers",value:function(){this.components.forEach(function(t){return t.makeLayer()})}},{key:"renderComponents",value:function(){this.components.forEach(function(t){return t.render()})}},{key:"loadAnimatedComponents",value:function(){this.components.forEach(function(t){return t.loadAnimatedComponents()})}},{key:"refreshComponents",value:function(){var t=this;this.components.forEach(function(e){return e.refresh(t.state,t.rawChartArgs)})}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.isNavigable||(this.makeOverlay(),e&&(this.bindOverlay(),document.addEventListener("keydown",function(e){isElementInViewport(t.chartWrapper)&&("37"==(e=e||window.event).keyCode?t.onLeftArrow():"39"==e.keyCode?t.onRightArrow():"38"==e.keyCode?t.onUpArrow():"40"==e.keyCode?t.onDownArrow():"13"==e.keyCode&&t.onEnterKey())})))}},{key:"makeOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bind_units",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(){}},{key:"updateDataset",value:function(t,e){}},{key:"updateDatasets",value:function(t){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"updateDataPoint",value:function(t){}},{key:"getDifferentChart",value:function(t){return getDifferentChart(t,this.type,this.rawChartArgs)}}]),t}(),Y_AXIS_MARGIN=60,ChartComponent=function(){function t(e){var i=e.layerClass,a=void 0===i?"":i,n=e.layerTransform,s=void 0===n?"":n,r=e.initData,o=e.setData,l=e.preMake,h=e.make,c=e.postMake,u=e.animate;classCallCheck(this,t),this.layerClass=a,this.layerTransform=s,this.initData=r,this.setData=o,this.preMake=l,this.make=h,this.postMake=c,this.animate=u,this.layer=void 0,this.store=[]}return createClass(t,[{key:"refresh",value:function(t,e){this.meta=Object.assign(this.meta||{},e),this.state=t}},{key:"render",value:function(){var t=this;this.data=this.setData(),this.preMake&&this.preMake(),this.store=this.make(),this.layer.textContent="",this.store.forEach(function(e){t.layer.appendChild(e)}),this.postMake&&this.postMake()}},{key:"setupParent",value:function(t){this.parent=t}},{key:"loadAnimatedComponents",value:function(){this.animate(this.store)}},{key:"makeLayer",value:function(){this.layer=makeSVGGroup(this.parent,this.layerClass,this.layerTransform)}}]),t}(),MIN_BAR_PERCENT_HEIGHT$1=.01,AxisChartController=function(){function t(e){classCallCheck(this,t),this.meta=e||{},this.setupArgs()}return createClass(t,[{key:"setupArgs",value:function(){this.consts={}}},{key:"setup",value:function(){}},{key:"refreshMeta",value:function(t){this.meta=Object.assign(this.meta||{},t)}},{key:"draw",value:function(){}},{key:"animate",value:function(){}}]),t}(),AxisController=function(t){function e(t){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return inherits(e,t),createClass(e,[{key:"draw",value:function(t,e,i,a){return createSVG("circle",{style:"fill: "+i,"data-point-index":a,cx:t,cy:e,r:this.consts.radius})}},{key:"animate",value:function(t,e,i){return[t,{cx:e,cy:i},UNIT_ANIM_DUR,STD_EASING]}}]),e}(AxisChartController),BarChartController=function(t){function e(t){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return inherits(e,t),createClass(e,[{key:"setupArgs",value:function(){this.consts={spaceRatio:.5,minHeight:this.meta.totalHeight*MIN_BAR_PERCENT_HEIGHT$1}}},{key:"refreshMeta",value:function(t){t&&get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"refreshMeta",this).call(this,t);var i=this.meta;this.consts.barsWidth=i.unitWidth-i.unitWidth*this.consts.spaceRatio,this.consts.width=this.consts.barsWidth/(i.options&&i.options.stacked?i.options.stacked:i.noOfDatasets)}},{key:"draw",value:function(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=getBarHeightAndYAttr(e,this.meta.zeroLine),o=slicedToArray(r,2),l=o[0],h=o[1],c=createSVG("rect",{className:"bar mini",style:"fill: "+i,"data-point-index":n,x:t-this.consts.barsWidth/2,y:h-s,width:this.consts.width,height:l||this.consts.minHeight});return a||a.length?wrapInSVGGroup([c,createSVG("text",{className:"data-point-value",x:t,y:h-s,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:a})]):c}},{key:"animate",value:function(t,e,i,a,n){var s=e-this.meta.unitWidth/4,r=this.meta.unitWidth/2/n,o=getBarHeightAndYAttr(i,this.meta.zeroLine,this.meta.totalHeight),l=slicedToArray(o,2);return e=s+r*a,[t,{width:r,height:l[0],x:e,y:l[1]},UNIT_ANIM_DUR,STD_EASING]}}]),e}(AxisChartController),LineChartController=function(t){function e(t){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return inherits(e,t),createClass(e,[{key:"setupArgs",value:function(){this.consts={radius:this.meta.dotSize||4}}},{key:"draw",value:function(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=createSVG("circle",{style:"fill: "+i,"data-point-index":arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,cx:t,cy:e,r:this.consts.radius});return a||a.length?wrapInSVGGroup([n,createSVG("text",{className:"data-point-value",x:t,y:e,dy:FONT_SIZE/2*-1-this.consts.radius+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:a})]):n}},{key:"animate",value:function(t,e,i){return[t,{cx:e,cy:i},UNIT_ANIM_DUR,STD_EASING]}}]),e}(AxisChartController),AxisChart=function(t){function e(t){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.isSeries=t.isSeries,i.valuesOverPoints=t.valuesOverPoints,i.formatTooltipY=t.formatTooltipY,i.formatTooltipX=t.formatTooltipX,i.barOptions=t.barOptions,i.lineOptions=t.lineOptions,i.type=t.type||"line",i.setupUnitRenderer(),i.zeroLine=i.height,i.preSetup(),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),this.config.xAxisMode=t.xAxisMode,this.config.yAxisMode=t.yAxisMode}},{key:"preSetup",value:function(){}},{key:"setupUnitRenderer",value:function(){var t=this.rawChartArgs.options;this.unitRenderers={bar:new BarChartController(t),line:new LineChartController(t)}}},{key:"setHorizontalMargin",value:function(){this.translateXLeft=Y_AXIS_MARGIN,this.translateXRight=Y_AXIS_MARGIN}},{key:"checkData",value:function(t){return!0}},{key:"getFirstUpdateData",value:function(t){}},{key:"setupConstants",value:function(){var t=this;this.state={xAxisLabels:[],xAxisPositions:[],xAxisMode:this.config.xAxisMode,yAxisMode:this.config.yAxisMode},this.data.datasets.map(function(e){e.chartType||(e.chartType=t.type)}),this.prepareYAxis()}},{key:"prepareData",value:function(t){var e=this.state;e.xAxisLabels=t.labels||[],e.datasetLength=e.xAxisLabels.length;var i=new Array(e.datasetLength).fill(0);e.datasets=t.datasets,t.datasets||(e.datasets=[{values:i}]),e.datasets.map(function(t,a){var n=t.values;n=n?(n=n.map(function(t){return isNaN(t)?0:t})).length>e.datasetLength?n.slice(0,e.datasetLength):fillArray(n,e.datasetLength-n.length,0):i,t.index=a}),e.noOfDatasets=e.datasets.length,e.yMarkers=t.yMarkers,e.yRegions=t.yRegions}},{key:"prepareYAxis",value:function(){this.state.yAxis={labels:[],positions:[]}}},{key:"reCalc",value:function(){var t=this.state;t.xAxisLabels=this.data.labels,this.calcXPositions(),t.datasetsLabels=this.data.datasets.map(function(t){return t.name}),this.setYAxis(),this.calcYUnits(),this.calcYMaximums(),this.calcYRegions(),this.configUnits()}},{key:"setYAxis",value:function(){this.calcYAxisParameters(this.state.yAxis,this.getAllYValues(),"line"===this.type),this.state.zeroLine=this.state.yAxis.zeroLine}},{key:"calcXPositions",value:function(){var t=this.state;this.setUnitWidthAndXOffset(),t.xAxisPositions=t.xAxisLabels.map(function(e,i){return floatTwo(t.xOffset+i*t.unitWidth)}),t.xUnitPositions=new Array(t.noOfDatasets).fill(t.xAxisPositions)}},{key:"calcYAxisParameters",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"false";t.labels=calcIntervals(e,i);var a=t.labels;t.scaleMultiplier=this.height/getValueRange(a);var n=getIntervalSize(a)*t.scaleMultiplier;t.zeroLine=this.height-getZeroIndex(a)*n,t.positions=a.map(function(e){return t.zeroLine-e*t.scaleMultiplier})}},{key:"calcYUnits",value:function(){var t=this.state;t.datasets.map(function(e){e.positions=e.values.map(function(e){return floatTwo(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})}),this.barOptions&&this.barOptions.stacked&&t.datasets.map(function(e,i){e.cumulativePositions=e.cumulativeYs.map(function(e){return floatTwo(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})})}},{key:"calcYMaximums",value:function(){var t=this.state;if(this.barOptions&&this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativePositions);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.positions.map(function(e,i){e<t.yExtremes[i]&&(t.yExtremes[i]=e)})})}},{key:"calcYRegions",value:function(){var t=this.state;t.yMarkers&&(t.yMarkers=t.yMarkers.map(function(e){return e.value=floatTwo(t.yAxis.zeroLine-e.value*t.yAxis.scaleMultiplier),e})),t.yRegions&&(t.yRegions=t.yRegions.map(function(e){return e.start=floatTwo(t.yAxis.zeroLine-e.start*t.yAxis.scaleMultiplier),e.end=floatTwo(t.yAxis.zeroLine-e.end*t.yAxis.scaleMultiplier),e}))}},{key:"configUnits",value:function(){}},{key:"setUnitWidthAndXOffset",value:function(){this.state.unitWidth=this.width/this.state.datasetLength,this.state.xOffset=this.state.unitWidth/2}},{key:"getAllYValues",value:function(){var t,e=this,i="values";if(this.barOptions&&this.barOptions.stacked){i="cumulativeYs";var a=new Array(this.state.datasetLength).fill(0);this.state.datasets.map(function(t,n){var s=e.state.datasets[n].values;t[i]=a=a.map(function(t,e){return t+s[e]})})}return(t=[]).concat.apply(t,toConsumableArray(this.state.datasets.map(function(t){return t[i]})))}},{key:"calcIntermedState",value:function(){}},{key:"setupValues",value:function(){}},{key:"setupComponents",value:function(){this.components=[].concat(toConsumableArray(this.getYAxesComponents()),[this.getXAxisComponents()],toConsumableArray(this.getYRegions()),toConsumableArray(this.getXRegions()),toConsumableArray(this.getYMarkerLines()),toConsumableArray(this.getChartComponents()),toConsumableArray(this.getChartLabels()))}},{key:"getYAxesComponents",value:function(){var t=this;return[new ChartComponent({layerClass:"y axis",setData:function(){},initializeData:function(){this.axesPositions=this.state},make:function(){var e=t.state;return e.yAxis.positions.map(function(i,a){return t.renderer.yLine(i,e.yAxis.labels[a],{pos:"right"})})},animate:function(e){var i=t.state.yAxis.positions,a=t.oldState.yAxis.positions,n=i.length-a.length,s=e[e.length-1],r=s.parentNode,o=equilizeNoOfElements(a,i),l=slicedToArray(o,2);if(a=l[0],i=l[1],n>0)for(var h=0;h<n;h++){var c=s.cloneNode(!0);r.appendChild(c),e.push(c)}e.map(function(e,n){t.elementsToAnimate.push(t.renderer.translateHoriLine(e,i[n],a[n]))})}})]}},{key:"getXAxisComponents",value:function(){var t=this;return new ChartComponent({layerClass:"x axis",setData:function(){},make:function(){var e=t.state;return e.xAxisPositions.map(function(i,a){return t.renderer.xLine(i,e.xAxisLabels[a])})},animate:function(e){var i=t.state.xAxisPositions,a=t.oldState.xAxisPositions;t.oldState.xExtra=i.length-a.length;var n=e[e.length-1],s=n.parentNode,r=equilizeNoOfElements(a,i),o=slicedToArray(r,2);if(a=o[0],i=o[1],t.oldState.xExtra>0)for(var l=0;l<t.oldState.xExtra;l++){var h=n.cloneNode(!0);s.appendChild(h),e.push(h)}e.map(function(e,n){t.elementsToAnimate.push(t.renderer.translateVertLine(e,i[n],a[n]))})}})}},{key:"getChartComponents",value:function(){var t=this,e=[];return this.data.datasets.forEach(function(i,a){"line"===i.chartType&&e.push(t.getPathComponent(i,a));var n=t.unitRenderers[i.chartType];e.push(t.getDataUnitComponent(a,n))}),e}},{key:"getChartLabels",value:function(){return[]}},{key:"getDataUnitComponent",value:function(t,e){var i=this;return new ChartComponent({layerClass:"dataset-units dataset-"+t,setData:function(){},preMake:function(){},make:function(){var a=i.state.datasets[t];return a.positions.map(function(n,s){return e.draw(i.state.xAxisPositions[s],n,i.colors[t],i.valuesOverPoints?i.barOptions&&i.barOptions.stacked?a.cumulativeYs[s]:a.values[s]:"",s,n-(a.cumulativePositions?a.cumulativePositions[s]:n))})},postMake:function(){var i=this;"bar"!==this.meta.type||this.meta.barOptions&&this.meta.barOptions.stacked||function(){i.layer.setAttribute("transform","translate("+e.consts.width*t+", 0)")}()},animate:function(a){var n=i.state.xAxisPositions,s=i.state.datasets[t].positions,r=a[a.length-1],o=r.parentNode;if(i.oldState.xExtra>0)for(var l=0;l<i.oldState.xExtra;l++){var h=r.cloneNode(!0);o.appendChild(h),a.push(h)}a.map(function(a,r){void 0!==n[r]&&void 0!==s[r]&&i.elementsToAnimate.push(e.animate(a,n[r],s[r],t,i.state.noOfDatasets))})}})}},{key:"getPathComponent",value:function(t,e){var i=this;return new ChartComponent({layerClass:"path dataset-path",setData:function(){},make:function(){var t=i.state.datasets[e],a=i.colors[e];return getPaths(t.positions,i.state.xAxisPositions,a,i.config.heatline,i.config.regionFill)},animate:function(t){var a=i.state.xAxisPositions,n=i.state.datasets[e].positions,s=i.oldState.xAxisPositions,r=i.oldState.datasets[e].positions,o=t[0].parentNode,l=equilizeNoOfElements(s,a),h=slicedToArray(l,2);s=h[0],a=h[1];var c=equilizeNoOfElements(r,n),u=slicedToArray(c,2);r=u[0],n=u[1],i.oldState.xExtra>0&&(t=getPaths(r,s,i.colors[e],i.config.heatline,i.config.regionFill),o.textContent="",t.map(function(t){return o.appendChild(t)}));var p=n.map(function(t,e){return a[e]+","+t});i.elementsToAnimate=i.elementsToAnimate.concat(i.renderer.animatepath(t,p.join("L")))}})}},{key:"getYMarkerLines",value:function(){var t=this;return this.data.yMarkers?this.data.yMarkers.map(function(e,i){return new ChartComponent({layerClass:"y-markers",setData:function(){},make:function(){return t.state.yMarkers.map(function(e){return t.renderer.yMarker(e.value,e.name,{pos:"right",mode:"span",lineType:e.type})})},animate:function(){}})}):[]}},{key:"getYRegions",value:function(){var t=this;return this.data.yRegions?this.data.yRegions.map(function(e,i){return new ChartComponent({layerClass:"y-regions",setData:function(){},make:function(){return t.state.yRegions.map(function(e){return t.renderer.yRegion(e.start,e.end,e.name)})},animate:function(){}})}):[]}},{key:"getXRegions",value:function(){return[]}},{key:"refreshRenderer",value:function(){var t=this,e={totalHeight:this.height,totalWidth:this.width,xAxisMode:this.config.xAxisMode,yAxisMode:this.config.yAxisMode,zeroLine:this.state.zeroLine,unitWidth:this.state.unitWidth};this.renderer?this.renderer.refreshState(e):this.renderer=new AxisChartRenderer(e),this.refreshComponents();var i={totalHeight:this.height,totalWidth:this.width,zeroLine:this.state.zeroLine,unitWidth:this.state.unitWidth,noOfDatasets:this.state.noOfDatasets};i=Object.assign(i,this.rawChartArgs.options),Object.keys(this.unitRenderers).map(function(e){i.options=t[e+"Options"],t.unitRenderers[e].refreshMeta(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.translateXLeft;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.xAxisLabels;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]),s=i.datasetLength-1;s>=0;s--){var r=i.xAxisPositions[s];if(t>r-i.unitWidth/2){var o=r+this.translateXLeft,l=i.yExtremes[s]+this.translateY,h=i.datasets.map(function(t,i){return{title:t.title,value:n?e.formatTooltipY(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.set_values(o,l,a[s],"",h),this.tip.show_tip();break}}}}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.current_index,e={index:t},i=this.y[0];return["svg_units","yUnitPositions","values"].map(function(a){var n=a.slice(0,a.length-1);e[n]=i[a][t]}),e.label=this.xAxisLabels[t],e}},{key:"setCurrentDataPoint",value:function(t){(t=parseInt(t))<0&&(t=0),t>=this.xAxisLabels.length&&(t=this.xAxisLabels.length-1),t!==this.current_index&&(this.current_index=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)}}]),e}(BaseChart),LineChart=function(t){function e(t){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="line",Object.getPrototypeOf(i)!==e.prototype?possibleConstructorReturn(i):(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.config.xAxisMode=t.xAxisMode||"span",this.config.yAxisMode=t.yAxisMode||"span",this.config.dotRadius=t.dotRadius||4,this.config.heatline=t.heatline||0,this.config.regionFill=t.regionFill||0,this.config.showDots=t.showDots||1}},{key:"configUnits",value:function(){this.unitArgs={type:"dot",args:{radius:this.config.dotRadius}}}},{key:"setUnitWidthAndXOffset",value:function(){this.state.unitWidth=this.width/(this.state.datasetLength-1),this.state.xOffset=0}}]),e}(AxisChart),ScatterChart=function(t){function e(t){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="scatter",t.dotRadius?i.dotRadius=t.dotRadius:i.dotRadius=8,i.setup(),i}return inherits(e,t),createClass(e,[{key:"setup_values",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_values",this).call(this),this.unit_args={type:"dot",args:{radius:this.dotRadius}}}},{key:"make_paths",value:function(){}},{key:"make_path",value:function(){}}]),e}(LineChart),MultiAxisChart=function(t){function e(t){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return inherits(e,t),createClass(e,[{key:"preSetup",value:function(){this.type="multiaxis"}},{key:"setHorizontalMargin",value:function(){var t=this.data.datasets.filter(function(t){return"left"===t.axisPosition}).length;this.translateXLeft=t*Y_AXIS_MARGIN||Y_AXIS_MARGIN,this.translateXRight=(this.data.datasets.length-t)*Y_AXIS_MARGIN||Y_AXIS_MARGIN}},{key:"prepareYAxis",value:function(){}},{key:"prepareData",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"prepareData",this).call(this,t);var i=0,a=0;this.state.datasets.forEach(function(t,e){t.yAxis={position:t.axisPosition,index:"left"===t.axisPosition?i++:a++}})}},{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.xAxisMode=t.xAxisMode||"tick",this.config.yAxisMode=t.yAxisMode||"span"}},{key:"configUnits",value:function(){this.unitArgs={type:"bar",args:{spaceWidth:this.state.unitWidth/2}}}},{key:"setYAxis",value:function(){var t=this;this.state.datasets.map(function(e){t.calcYAxisParameters(e.yAxis,e.values,"line"===t.unitType)})}},{key:"calcYUnits",value:function(){this.state.datasets.map(function(t){t.positions=t.values.map(function(e){return floatTwo(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})})}},{key:"renderConstants",value:function(){var t=this;this.state.datasets.map(function(e){var a="left"===e.yAxis.position?-1*e.yAxis.index*Y_AXIS_MARGIN:t.width+e.yAxis.index*Y_AXIS_MARGIN;t.renderer.xLine(a,"",{pos:"top",mode:"span",stroke:t.colors[i],className:"y-axis-guide"})})}},{key:"getYAxesComponents",value:function(){var t=this;return this.data.datasets.map(function(e,i){return new ChartComponent({layerClass:"y axis y-axis-"+i,make:function(){var e=t.state.datasets[i].yAxis;t.renderer.setZeroline(e.zeroline);var a={pos:e.position,mode:"tick",offset:e.index*Y_AXIS_MARGIN,stroke:t.colors[i]};return e.positions.map(function(i,n){return t.renderer.yLine(i,e.labels[n],a)})},animate:function(){}})})}},{key:"getChartComponents",value:function(){var t=this;return this.data.datasets.map(function(e,i){return new ChartComponent({layerClass:"dataset-units dataset-"+i,make:function(){var e=t.state.datasets[i],a=t.unitArgs;return t.renderer.setZeroline(e.yAxis.zeroLine),e.positions.map(function(e,n){return t.renderer[a.type](t.state.xAxisPositions[n],e,a.args,t.colors[i],n,i,t.state.datasetLength)})},animate:function(e){var a=t.state.datasets[i],n=t.unitArgs.type,s=t.state.xAxisPositions,r=t.state.datasets[i].positions,o=e[e.length-1],l=o.parentNode;if(t.oldState.xExtra>0)for(var h=0;h<t.oldState.xExtra;h++){var c=o.cloneNode(!0);l.appendChild(c),e.push(c)}t.renderer.setZeroline(a.yAxis.zeroLine),e.map(function(e,a){void 0!==s[a]&&void 0!==r[a]&&t.elementsToAnimate.push(t.renderer["animate"+n](e,s[a],r[a],i,t.state.noOfDatasets))})}})})}}]),e}(AxisChart),PercentageChart=function(t){function e(t){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="percentage",i.max_slices=10,i.max_legend_points=6,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.chartDiv=$$1.create("div",{className:"div",inside:this.chartWrapper}),this.chart=$$1.create("div",{className:"progress-chart",inside:this.chartDiv})}},{key:"setupLayers",value:function(){this.percentageBar=$$1.create("div",{className:"progress",inside:this.chart})}},{key:"setup_values",value:function(){var t=this;this.slice_totals=[];var e=this.data.labels.map(function(e,i){var a=0;return t.data.datasets.map(function(t){a+=t.values[i]}),[a,e]}).filter(function(t){return t[0]>0}),i=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),i=e.slice(0,this.max_slices-1);var a=0;e.slice(this.max_slices-1).map(function(t){a+=t[0]}),i.push([a,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],i.map(function(e){t.slice_totals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.slice_totals.slice(0,this.max_legend_points)}},{key:"renderComponents",value:function(){var t=this;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0),this.slices=[],this.slice_totals.map(function(e,i){var a=$$1.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(){var t=this;this.slices.map(function(e,i){e.addEventListener("mouseenter",function(){var a=getOffset(t.chartWrapper),n=getOffset(e),s=n.left-a.left+e.offsetWidth/2,r=n.top-a.top-6,o=(t.formatted_labels&&t.formatted_labels.length>0?t.formatted_labels[i]:t.labels[i])+": ",l=(100*t.slice_totals[i]/t.grand_total).toFixed(1);t.tip.set_values(s,r,o,l+"%"),t.tip.show_tip()})})}},{key:"renderLegend",value:function(){var t=this,e=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legend_totals.map(function(i,a){i&&($$1.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">'+e[a]+":</span>\n\t\t\t\t\t"+i+"\n\t\t\t\t</span>")})}}]),e}(BaseChart),ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,PieChart=function(t){function e(t){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="pie",i.elements_to_animate=null,i.hoverRadio=t.hoverRadio||.1,i.max_slices=10,i.max_legend_points=6,i.isAnimate=!1,i.startAngle=t.startAngle||0,i.clockWise=t.clockWise||!1,i.mouseMove=i.mouseMove.bind(i),i.mouseLeave=i.mouseLeave.bind(i),i.setup(),i}return inherits(e,t),createClass(e,[{key:"setup_values",value:function(){var t=this;this.centerX=this.width/2,this.centerY=this.height/2,this.radius=this.height>this.width?this.centerX:this.centerY,this.slice_totals=[];var e=this.data.labels.map(function(e,i){var a=0;return t.data.datasets.map(function(t){a+=t.values[i]}),[a,e]}).filter(function(t){return t[0]>0}),i=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),i=e.slice(0,this.max_slices-1);var a=0;e.slice(this.max_slices-1).map(function(t){a+=t[0]}),i.push([a,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],i.map(function(e){t.slice_totals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.slice_totals.slice(0,this.max_legend_points)}},{key:"makeArcPath",value:function(t,e){var i=this.centerX,a=this.centerY,n=this.radius,s=this.clockWise;return"M"+i+" "+a+" L"+(i+t.x)+" "+(a+t.y)+" A "+n+" "+n+" 0 0 "+(s?1:0)+" "+(i+e.x)+" "+(a+e.y)+" z"}},{key:"renderComponents",value:function(t){var i=this,a=this.radius,n=this.clockWise;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0);var s=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var r=180-this.startAngle;this.slice_totals.map(function(o,l){var h=r,c=o/i.grand_total*FULL_ANGLE,u=n?-c:c,p=r+=u,d=e.getPositionByAngle(h,a),f=e.getPositionByAngle(p,a),v=t&&s[l],y=void 0,g=void 0;t?(y=v?v.startPosition:d,g=v?v.endPosition:d):(y=d,g=f);var m=i.makeArcPath(y,g),_=makePath(m,"pie-path","none",i.colors[l]);_.style.transition="transform .3s;",i.drawArea.appendChild(_),i.slices.push(_),i.slicesProperties.push({startPosition:d,endPosition:f,value:o,total:i.grand_total,startAngle:h,endAngle:p,angle:u}),t&&i.elements_to_animate.push([{unit:_,array:i.slices,index:i.slices.length-1},{d:i.makeArcPath(d,f)},650,"easein",null,{d:m}])}),t&&runSMILAnimation(this.chartWrapper,this.svg,this.elements_to_animate)}},{key:"calTranslateByAngle",value:function(t){var i=this.radius,a=this.hoverRadio,n=e.getPositionByAngle(t.startAngle+t.angle/2,i);return"translate3d("+n.x*a+"px,"+n.y*a+"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 s=getOffset(this.svg),r=a.pageX-s.left+10,o=a.pageY-s.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.labels[e])+": ",h=(100*this.slice_totals[e]/this.grand_total).toFixed(1);this.tip.set_values(r,o,l,h+"%"),this.tip.show_tip()}else transform(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=n}}},{key:"mouseMove",value:function(t){for(var e=t.target,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(){this.drawArea.addEventListener("mousemove",this.mouseMove),this.drawArea.addEventListener("mouseleave",this.mouseLeave)}},{key:"renderLegend",value:function(){var t=this,e=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legend_totals.map(function(i,a){var n=t.colors[a];i&&($$1.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='<span class="indicator">\n\t\t\t\t\t<i style="background-color:'+n+';"></i>\n\t\t\t\t\t<span class="text-muted">'+e[a]+":</span>\n\t\t\t\t\t"+i+"\n\t\t\t\t</span>")})}}],[{key:"getPositionByAngle",value:function(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}}]),e}(BaseChart),Heatmap=function(t){function e(t){var i=t.start,a=void 0===i?"":i,n=t.domain,s=void 0===n?"":n,r=t.subdomain,o=void 0===r?"":r,l=t.data,h=void 0===l?{}:l,c=t.discrete_domains,u=void 0===c?0:c,p=t.count_label,d=void 0===p?"":p,f=t.legend_colors,v=void 0===f?[]:f;classCallCheck(this,e);var y=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,arguments[0]));y.type="heatmap",y.domain=s,y.subdomain=o,y.data=h,y.discrete_domains=u,y.count_label=d;var g=new Date;return y.start=a||addDays(g,365),v=v.slice(0,5),y.legend_colors=y.validate_colors(v)?v:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],y.distribution_size=5,y.translateX=0,y}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:"setupConstants",value:function(){this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&addDays(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&addDays(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=getWeeksBetween(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"setupLayers",value:function(){this.domain_label_group=this.makeLayer("domain-label-group chart-label"),this.data_groups=this.makeLayer("data-groups","translate(0, 20)")}},{key:"setup_values",value:function(){var t=this;this.domain_label_group.textContent="",this.data_groups.textContent="";var e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=calcDistribution(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"],this.render_all_weeks_and_store_x_values(this.no_of_cols)}},{key:"render_all_weeks_and_store_x_values",value:function(t){var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;i<t;i++){var a=void 0,n=0,s=new Date(e),r=this.get_week_squares_group(s,this.week_col),o=slicedToArray(r,2);a=o[0],n=o[1],this.data_groups.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,s=makeSVGGroup(this.data_groups,"data-group"),r=0,o=0;o<7;o+=1,r+=12){var l=0,h=0,c=t.getTime()/1e3,u=Math.floor(c-c%86400).toFixed(1);this.data[u]&&(l=this.data[u]),this.data[Math.round(u)]&&(l=this.data[Math.round(u)]),l&&(h=getMaxCheckpoint(l,this.distribution));var p=13+12*(e+n),d={"data-date":getDdMmYyyy(t),"data-value":l,"data-day":t.getDay()},f=makeHeatSquare("day",p,r,10,this.legend_colors[h],d);s.appendChild(f);var v=new Date(t);if(addDays(v,1),v.getTime()>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[s,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.domain_label_group.appendChild(a)})}},{key:"renderComponents",value:function(){Array.prototype.slice.call(this.container.querySelectorAll(".graph-stats-container, .sub-title, .title")).map(function(t){t.style.display="None"}),this.chartWrapper.style.marginTop="0px",this.chartWrapper.style.paddingTop="0px"}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),a=e.target.getAttribute("data-date").split("-"),n=t.month_names[parseInt(a[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 "+n+" "+a[0]+", "+a[2];t.tip.set_values(l,h,u,c,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){this.data=t,this.setup_values(),this.bindTooltip()}}]),e}(BaseChart),chartTypes={mixed:AxisChart,multiaxis:MultiAxisChart,scatter:ScatterChart,percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e){return classCallCheck(this,t),getChartByType(e.type,arguments[0])};export default Chart;
+function __$styleInject(t,e){if("undefined"==typeof document)return e;t=t||"";var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");return a.type="text/css",i.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t)),e}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}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 getBarHeightAndYAttr(t,e){var i=void 0,a=void 0;return t<=e?(a=t,0===(i=e-t)&&(a-=i=totalHeight*MIN_BAR_PERCENT_HEIGHT)):(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){return[t,{transform:i.join(", ")},a,STD_EASING,"translate",{transform:e.join(", ")}]}function translateHoriLine(t,e,i){return translate(t,[0,i],[0,e],MARKER_LINE_ANIM_DUR)}function $$2(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)$$2(n).appendChild(i);else if("around"===a){var s=$$2(n);s.parentNode.insertBefore(i,s),i.appendChild(s)}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 wrapInSVGGroup(t){var e=createSVG("g",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:""});return t.forEach(function(t){return e.appendChild(t)}),e}function makePath(t){return createSVG("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function makeGradient(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a="path-fill-gradient-"+e,n=renderVerticalGradient(t,a),s=[1,.6,.2];return i&&(s=[.4,.2,0]),setGradientStop(n,"0%",e,s[0]),setGradientStop(n,"50%",e,s[1]),setGradientStop(n,"100%",e,s[2]),a}function makeHeatSquare(t,e,i,a){var n=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:i,width:a,height:a,fill:1};return Object.keys(n).map(function(t){s[t]=n[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 s=createSVG("line",{className:"line-vertical "+n.className,x1:0,x2:0,y1:i,y2:a,styles:{stroke:n.stroke}}),r=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(s),o.appendChild(r),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 s=createSVG("line",{className:"line-horizontal "+n.className+("dashed"===n.lineType?"dashed":""),x1:i,x2:a,y1:0,y2:0,styles:{stroke:n.stroke}}),r=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!==r&&"0"!==r||(o.style.stroke="rgba(27, 31, 35, 0.6)"),o.appendChild(s),o.appendChild(r),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,s="span"===a.mode?i+AXIS_TICK_LENGTH:0;return"tick"===a.mode&&"right"===a.pos&&(n=i+AXIS_TICK_LENGTH,s=i),n+=a.offset,s+=a.offset,makeHoriLine(t,e,n,s,{stroke:a.stroke,className:a.className,lineType:a.lineType})}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),s=limitColor((n>>16)+e),r=limitColor((n>>8&255)+e),o=limitColor((255&n)+e);return(a?"#":"")+(o|r<<8|s<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function getDifferentChart(t,e,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 a=COLOR_COMPATIBLE_CHARTS[e].includes(t);return new Chart({parent:i.parent,title:i.title,data:i.data,type:t,height:i.height,colors:a?i.colors:void 0})}}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,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:EASING[a],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};n&&(p.type=n);for(var d in p)h.setAttribute(d,p[d]);r.appendChild(h),n?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[r,o]}function transform(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function animateSVG(t,e){var i=[],a=[];e.map(function(t){var e=t[0],n=e.parentNode,s=void 0,r=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);s=l[0],r=l[1],i.push(r),a.push([s,n]),n.replaceChild(s,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 getYAxisComponent(t,e,i){return new ChartComponent$1({parent:t,layerClass:"y axis",constants:e,data:i,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,s=equilizeNoOfElements(a,e),r=slicedToArray(s,2);a=r[0],e=r[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])})}})}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],s=t.map(function(t,i){return e[i]+","+t}).join("L"),r=makePath("M"+s,"line-graph-path",i);if(a){var o=makeGradient(this.svgDefs,i);r.style.stroke="url(#"+o+")"}var l=[r];if(n){var h=makeGradient(this.svgDefs,i,!0),c=this.state.yAxis.zeroLine,u="M0,"+c+"L"+s+"L"+this.width+","+c;l.push(makePath(u,"region-fill","none","url(#"+h+")"))}return l}function normalize(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var 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,s=n,r=1;n>5&&(n%2!=0&&(n=++i-a),s=n/2,r=2),n<=2&&(r=n/(s=4)),0===n&&(s=5,r=1);for(var o=[],l=0;l<=s;l++)o.push(a+r*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],s=a[1],r=e?e/Math.pow(10,s):0,o=getChartRangeIntervals(n=n.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function calcChartIntervals(t){function e(t,e){for(var i=getChartIntervals(t),a=i[1]-i[0],n=0,s=1;n<e;s++)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)),s=[];if(a>=0&&n>=0)normalize(a)[1],s=i?getChartIntervals(a,n):getChartIntervals(a);else if(a>0&&n<0){var r=Math.abs(n);a>=r?(normalize(a)[1],s=e(a,r)):(normalize(r)[1],s=e(r,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],s=(s=i?getChartIntervals(o,l):getChartIntervals(o)).reverse().map(function(t){return-1*t})}return s}function getZeroIndex(t){var e=getIntervalSize(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function getRealIntervals(t,e){for(var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,n=1*(t-i)/e,s=[],r=0;r<=e;r++)s.push(i+n*r);return a?s:s.reverse()}function getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function calcDistribution(t,e){for(var i=Math.max.apply(Math,toConsumableArray(t)),a=1/(e-1),n=[],s=0;s<e;s++){var r=i*(a*s);n.push(r)}return n}function getMaxCheckpoint(t,e){return e.filter(function(e){return e<t}).length}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getDdMmYyyy(t){var e=t.getDate(),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 getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1];return"line"===t?(e.type="line",new AxisChart(e)):"bar"===t?(e.type="bar",new AxisChart(e)):chartTypes[t]?new chartTypes[t](e):void console.error("Undefined chart type: "+t)}__$styleInject('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',void 0);var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},asyncGenerator=function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,n){var o={key:t,arg:e,resolve:i,reject:n,next:null};r?r=r.next=o:(s=r=o,a(t,e))})}function a(i,s){try{var r=e[i](s),o=r.value;o instanceof t?Promise.resolve(o.value).then(function(t){a("next",t)},function(t){a("throw",t)}):n(r.done?"return":"normal",r.value)}catch(t){n("throw",t)}}function n(t,e){switch(t){case"return":s.resolve({value:e,done:!0});break;case"throw":s.reject(e);break;default:s.resolve({value:e,done:!1})}(s=s.next)?a(s.key,s.arg):r=null}var s,r;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 s=Object.getPrototypeOf(e);return null===s?void 0:t(s,i,a)}if("value"in n)return n.value;var r=n.get;if(void 0!==r)return r.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,s=void 0;try{for(var r,o=t[Symbol.iterator]();!(a=(r=o.next()).done)&&(i.push(r.value),!e||i.length!==e);a=!0);}catch(t){n=!0,s=t}finally{try{!a&&o.return&&o.return()}finally{if(n)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")}}(),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)};$$1.create=function(t,e){var i=document.createElement(t);for(var a in e){var n=e[a];if("inside"===a)$$1(n).appendChild(i);else if("around"===a){var s=$$1(n);s.parentNode.insertBefore(i,s),i.appendChild(s)}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,s=void 0===n?[]:n;classCallCheck(this,t),this.parent=a,this.colors=s,this.title_name="",this.title_value="",this.list_values=[],this.title_value_first=0,this.x=0,this.y=0,this.top=0,this.left=0,this.setup()}return createClass(t,[{key:"setup",value:function(){this.make_tooltip()}},{key:"refresh",value:function(){this.fill(),this.calc_position()}},{key:"make_tooltip",value:function(){var t=this;this.container=$$1.create("div",{inside:this.parent,className:"graph-svg-tip comparison",innerHTML:'<span class="title"></span>\n\t\t\t\t<ul class="data-point-list"></ul>\n\t\t\t\t<div class="svg-pointer"></div>'}),this.hide_tip(),this.title=this.container.querySelector(".title"),this.data_point_list=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hide_tip()})}},{key:"fill",value:function(){var t=this,e=void 0;e=this.title_value_first?"<strong>"+this.title_value+"</strong>"+this.title_name:this.title_name+"<strong>"+this.title_value+"</strong>",this.title.innerHTML=e,this.data_point_list.innerHTML="",this.list_values.map(function(e,i){var a=t.colors[i]||"black",n=$$1.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]:[],s=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=s,this.refresh()}},{key:"hide_tip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"show_tip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",AxisChartRenderer=function(){function t(e){classCallCheck(this,t),this.refreshState(e)}return createClass(t,[{key:"refreshState",value:function(t){this.totalHeight=t.totalHeight,this.totalWidth=t.totalWidth,this.zeroLine=t.zeroLine,this.unitWidth=t.unitWidth,this.xAxisMode=t.xAxisMode,this.yAxisMode=t.yAxisMode}},{key:"setZeroline",value:function(t){this.zeroLine=t}},{key:"xLine",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};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 a=this.totalHeight+AXIS_TICK_LENGTH,n="span"===i.mode?-1*AXIS_TICK_LENGTH:this.totalHeight;return"tick"===i.mode&&"top"===i.pos&&(a=-1*AXIS_TICK_LENGTH,n=0),makeVertLine(t,e,a,n,{stroke:i.stroke,className:i.className,lineType:i.lineType})}},{key:"xMarker",value:function(){}},{key:"yMarker",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=createSVG("text",{className:"chart-label",x:this.totalWidth-getStringWidth(e,5)-LABEL_MARGIN,y:t-FONT_SIZE-2,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),n=makeHoriLine(t,"",0,this.totalWidth,{stroke:i.stroke||BASE_LINE_COLOR,className:i.className||"",lineType:i.lineType});return n.appendChild(a),n}},{key:"xRegion",value:function(){return createSVG("rect",{className:"bar mini",style:"fill: rgba(228, 234, 239, 0.49)",x:0,y:y2,width:this.totalWidth,height:y1-y2})}},{key:"yRegion",value:function(t,e,i){var a=createSVG("rect",{className:"bar mini",style:"fill: rgba(228, 234, 239, 0.49)",x:0,y:e,width:this.totalWidth,height:t-e}),n=createSVG("line",{className:"line-horizontal",x1:0,x2:this.totalWidth,y1:e,y2:e,styles:{stroke:BASE_LINE_COLOR}}),s=createSVG("line",{className:"line-horizontal",x1:0,x2:this.totalWidth,y1:t,y2:t,styles:{stroke:BASE_LINE_COLOR}}),r=createSVG("text",{className:"chart-label",x:this.totalWidth-getStringWidth(i,4.5)-LABEL_MARGIN,y:e-FONT_SIZE-2,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:i+""}),o=createSVG("g",{});return o.appendChild(a),o.appendChild(n),o.appendChild(s),o.appendChild(r),o}},{key:"animatebar",value:function(t,e,i,a,n){var s=e-this.avgUnitWidth/4,r=this.avgUnitWidth/2/n,o=getBarHeightAndYAttr(i,this.zeroLine,this.totalHeight),l=slicedToArray(o,2);return e=s+r*a,[t,{width:r,height:l[0],x:e,y:l[1]},UNIT_ANIM_DUR,STD_EASING]}},{key:"animatedot",value:function(t,e,i){return[t,{cx:e,cy:i},UNIT_ANIM_DUR,STD_EASING]}},{key:"animatepath",value:function(t,e){var i=[],a=[t[0],{d:"M"+e},PATH_ANIM_DUR,STD_EASING];if(i.push(a),t[1]){var n="0,"+this.zeroLine+"L",s="L"+this.totalWidth+", "+this.zeroLine,r=[t[1],{d:"M"+n+e+s},PATH_ANIM_DUR,STD_EASING];i.push(r)}return i}}]),t}(),PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},DEFAULT_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta"],getColor=function(t){return PRESET_COLOR_MAP[t]||t},ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},COLOR_COMPATIBLE_CHARTS={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e){var i=e.height,a=void 0===i?240:i,n=e.title,s=void 0===n?"":n,r=e.subtitle,o=void 0===r?"":r,l=(e.colors,e.isNavigable),h=void 0===l?0:l,c=(e.showLegend,e.type,e.parent);classCallCheck(this,t),this.rawChartArgs=arguments[0],this.parent="string"==typeof c?document.querySelector(c):c,this.title=s,this.subtitle=o,this.argHeight=a,this.isNavigable=h,this.isNavigable&&(this.currentIndex=0),this.configure(arguments[0])}return createClass(t,[{key:"configure",value:function(t){this.setColors(),this.config={showTooltip:1,showLegend:1,isNavigable:0,animate:0},this.state={colors:this.colors}}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length<e.length?this.colors=DEFAULT_COLORS:this.colors=t.colors,this.colors=this.colors.map(function(t){return getColor(t)})}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-40,this.translateY=20,this.setHorizontalMargin()}},{key:"setHorizontalMargin",value:function(){this.translateXLeft=60,this.translateXRight=40}},{key:"validate",value:function(){return this.parent?!!this.parseData():(console.error("No parent element to render on was provided."),!1)}},{key:"parseData",value:function(){var t=this.rawChartArgs.data;if(!this.checkData(t))return!1;if(this.config.animate){var e=this.getFirstUpdateData(t),i=slicedToArray(e,2);this.data=i[0],this.firstUpdateData=i[1]}else this.data=t;return!0}},{key:"checkData",value:function(){}},{key:"getFirstUpdateData",value:function(){}},{key:"setup",value:function(){this.validate()&&this._setup()}},{key:"_setup",value:function(){this.bindWindowEvents(),this.setupConstants(),this.setMargins(),this.makeContainer(),this.makeTooltip(),this.calcWidth(),this.makeChartArea(),this.setupComponents(),this.draw(!0)}},{key:"bindWindowEvents",value:function(){var t=this;window.addEventListener("resize orientationchange",function(){return t.draw()})}},{key:"setupConstants",value:function(){}},{key:"setupComponents",value:function(){this.components=[]}},{key:"makeContainer",value:function(){this.container=$$1.create("div",{className:"chart-container",innerHTML:'<h6 class="title">'+this.title+'</h6>\n\t\t\t\t<h6 class="sub-title uppercase">'+this.subtitle+'</h6>\n\t\t\t\t<div class="frappe-chart graphics"></div>\n\t\t\t\t<div class="graph-stats-container"></div>'}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.components.forEach(function(t){return t.make()}),this.renderLegend(),this.setupNavigation(e),setTimeout(function(){t.update()},1e3)}},{key:"calcWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent)-0,this.width=this.baseWidth-(this.translateXLeft+this.translateXRight)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.prepareData(t),this.calc(),this.refreshRenderer(),this.render()}},{key:"prepareData",value:function(){}},{key:"renderConstants",value:function(){}},{key:"calc",value:function(){}},{key:"refreshRenderer",value:function(){this.renderer={}}},{key:"render",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refreshComponents(),this.elementsToAnimate=[].concat.apply([],this.components.map(function(e){return e.update(t)})),console.log(this.elementsToAnimate),this.elementsToAnimate&&runSMILAnimation(this.chartWrapper,this.svg,this.elementsToAnimate)}},{key:"refreshComponents",value:function(){}},{key:"makeChartArea",value:function(){this.svg=makeSVGContainer(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.translateXLeft+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.isNavigable||(this.makeOverlay(),e&&(this.bindOverlay(),document.addEventListener("keydown",function(e){isElementInViewport(t.chartWrapper)&&("37"==(e=e||window.event).keyCode?t.onLeftArrow():"39"==e.keyCode?t.onRightArrow():"38"==e.keyCode?t.onUpArrow():"40"==e.keyCode?t.onDownArrow():"13"==e.keyCode&&t.onEnterKey())})))}},{key:"makeOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bind_units",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(){}},{key:"updateDataset",value:function(t,e){}},{key:"updateDatasets",value:function(t){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"updateDataPoint",value:function(t){}},{key:"getDifferentChart",value:function(t){return getDifferentChart(t,this.type,this.rawChartArgs)}}]),t}(),Y_AXIS_MARGIN=60,ChartComponent$1=function(){function t(e){var i=e.layerClass,a=void 0===i?"":i,n=e.layerTransform,s=void 0===n?"":n,r=e.parent,o=e.constants,l=e.data,h=e.preMake,c=e.makeElements,u=e.postMake,p=e.animateElements;classCallCheck(this,t),this.parent=r,this.layerClass=a,this.layerTransform=s,this.constants=o,this.preMake=h,this.makeElements=c,this.postMake=u,this.animateElements=p,this.store=[],this.layer=makeSVGGroup(this.parent,this.layerClass,this.layerTransform),this.data=l,this.make()}return createClass(t,[{key:"refresh",value:function(t){this.data=t}},{key:"make",value:function(){this.preMake&&this.preMake(),this.render(this.data),this.postMake&&this.postMake(),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=this,e=[];return(!(arguments.length>0&&void 0!==arguments[0])||arguments[0])&&(e=this.animateElements(this.data)),setTimeout(function(){t.make()},1400),e}}]),t}(),MIN_BAR_PERCENT_HEIGHT$1=.01,AxisChartController=function(){function t(e){classCallCheck(this,t),this.meta=e||{},this.setupArgs()}return createClass(t,[{key:"setupArgs",value:function(){this.consts={}}},{key:"setup",value:function(){}},{key:"refreshMeta",value:function(t){this.meta=Object.assign(this.meta||{},t)}},{key:"draw",value:function(){}},{key:"animate",value:function(){}}]),t}(),AxisController=function(t){function e(t){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return inherits(e,t),createClass(e,[{key:"draw",value:function(t,e,i,a){return createSVG("circle",{style:"fill: "+i,"data-point-index":a,cx:t,cy:e,r:this.consts.radius})}},{key:"animate",value:function(t,e,i){return[t,{cx:e,cy:i},UNIT_ANIM_DUR,STD_EASING]}}]),e}(AxisChartController),BarChartController=function(t){function e(t){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return inherits(e,t),createClass(e,[{key:"setupArgs",value:function(){this.consts={spaceRatio:.5,minHeight:this.meta.totalHeight*MIN_BAR_PERCENT_HEIGHT$1}}},{key:"refreshMeta",value:function(t){t&&get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"refreshMeta",this).call(this,t);var i=this.meta;this.consts.barsWidth=i.unitWidth-i.unitWidth*this.consts.spaceRatio,this.consts.width=this.consts.barsWidth/(i.options&&i.options.stacked?i.options.stacked:i.noOfDatasets)}},{key:"draw",value:function(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=getBarHeightAndYAttr(e,this.meta.zeroLine),o=slicedToArray(r,2),l=o[0],h=o[1],c=createSVG("rect",{className:"bar mini",style:"fill: "+i,"data-point-index":n,x:t-this.consts.barsWidth/2,y:h-s,width:this.consts.width,height:l||this.consts.minHeight});return a||a.length?wrapInSVGGroup([c,createSVG("text",{className:"data-point-value",x:t,y:h-s,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:a})]):c}},{key:"animate",value:function(t,e,i,a,n){var s=e-this.meta.unitWidth/4,r=this.meta.unitWidth/2/n,o=getBarHeightAndYAttr(i,this.meta.zeroLine,this.meta.totalHeight),l=slicedToArray(o,2);return e=s+r*a,[t,{width:r,height:l[0],x:e,y:l[1]},UNIT_ANIM_DUR,STD_EASING]}}]),e}(AxisChartController),LineChartController=function(t){function e(t){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return inherits(e,t),createClass(e,[{key:"setupArgs",value:function(){this.consts={radius:this.meta.dotSize||4}}},{key:"draw",value:function(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=createSVG("circle",{style:"fill: "+i,"data-point-index":arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,cx:t,cy:e,r:this.consts.radius});return a||a.length?wrapInSVGGroup([n,createSVG("text",{className:"data-point-value",x:t,y:e,dy:FONT_SIZE/2*-1-this.consts.radius+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:a})]):n}},{key:"animate",value:function(t,e,i){return[t,{cx:e,cy:i},UNIT_ANIM_DUR,STD_EASING]}}]),e}(AxisChartController),AxisChart=function(t){function e(t){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.isSeries=t.isSeries,i.valuesOverPoints=t.valuesOverPoints,i.formatTooltipY=t.formatTooltipY,i.formatTooltipX=t.formatTooltipX,i.barOptions=t.barOptions,i.lineOptions=t.lineOptions,i.type=t.type||"line",i.xAxisMode=t.xAxisMode||"span",i.yAxisMode=t.yAxisMode||"span",i.setupUnitRenderer(),i.zeroLine=i.height,i.preSetup(),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),this.config.xAxisMode=t.xAxisMode,this.config.yAxisMode=t.yAxisMode}},{key:"preSetup",value:function(){}},{key:"setupUnitRenderer",value:function(){var t=this.rawChartArgs.options;this.unitRenderers={bar:new BarChartController(t),line:new LineChartController(t)}}},{key:"setHorizontalMargin",value:function(){this.translateXLeft=Y_AXIS_MARGIN,this.translateXRight=Y_AXIS_MARGIN}},{key:"checkData",value:function(t){return!0}},{key:"getFirstUpdateData",value:function(t){}},{key:"setupConstants",value:function(){var t=this;this.state={xAxisLabels:[],xAxisPositions:[],xAxisMode:this.config.xAxisMode,yAxisMode:this.config.yAxisMode},this.data.datasets.map(function(e){e.chartType||(e.chartType=t.type)}),this.prepareYAxis()}},{key:"prepareData",value:function(t){var e=this.state;e.xAxisLabels=t.labels||[],e.datasetLength=e.xAxisLabels.length;var i=new Array(e.datasetLength).fill(0);e.datasets=t.datasets,t.datasets||(e.datasets=[{values:i}]),e.datasets.map(function(t,a){var n=t.values;n=n?(n=n.map(function(t){return isNaN(t)?0:t})).length>e.datasetLength?n.slice(0,e.datasetLength):fillArray(n,e.datasetLength-n.length,0):i,t.index=a}),e.noOfDatasets=e.datasets.length,e.yMarkers=t.yMarkers,e.yRegions=t.yRegions}},{key:"prepareYAxis",value:function(){this.state.yAxis={labels:[],positions:[]}}},{key:"calc",value:function(){var t=this.state;t.xAxisLabels=this.data.labels,this.calcXPositions(),t.datasetsLabels=this.data.datasets.map(function(t){return t.name}),this.setYAxis(),this.calcYUnits(),this.calcYMaximums(),this.calcYRegions(),this.configUnits()}},{key:"setYAxis",value:function(){this.calcYAxisParameters(this.state.yAxis,this.getAllYValues(),"line"===this.type),this.state.zeroLine=this.state.yAxis.zeroLine}},{key:"calcXPositions",value:function(){var t=this.state;this.setUnitWidthAndXOffset(),t.xAxisPositions=t.xAxisLabels.map(function(e,i){return floatTwo(t.xOffset+i*t.unitWidth)}),t.xUnitPositions=new Array(t.noOfDatasets).fill(t.xAxisPositions)}},{key:"calcYAxisParameters",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"false";t.labels=calcChartIntervals(e,i);var a=t.labels;t.scaleMultiplier=this.height/getValueRange(a);var n=getIntervalSize(a)*t.scaleMultiplier;t.zeroLine=this.height-getZeroIndex(a)*n,t.positions=a.map(function(e){return t.zeroLine-e*t.scaleMultiplier})}},{key:"calcYUnits",value:function(){var t=this.state;t.datasets.map(function(e){e.positions=e.values.map(function(e){return floatTwo(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})}),this.barOptions&&this.barOptions.stacked&&t.datasets.map(function(e,i){e.cumulativePositions=e.cumulativeYs.map(function(e){return floatTwo(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})})}},{key:"calcYMaximums",value:function(){var t=this.state;if(this.barOptions&&this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativePositions);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.positions.map(function(e,i){e<t.yExtremes[i]&&(t.yExtremes[i]=e)})})}},{key:"calcYRegions",value:function(){var t=this.state;t.yMarkers&&(t.yMarkers=t.yMarkers.map(function(e){return e.value=floatTwo(t.yAxis.zeroLine-e.value*t.yAxis.scaleMultiplier),e})),t.yRegions&&(t.yRegions=t.yRegions.map(function(e){return e.start=floatTwo(t.yAxis.zeroLine-e.start*t.yAxis.scaleMultiplier),e.end=floatTwo(t.yAxis.zeroLine-e.end*t.yAxis.scaleMultiplier),e}))}},{key:"configUnits",value:function(){}},{key:"setUnitWidthAndXOffset",value:function(){this.state.unitWidth=this.width/this.state.datasetLength,this.state.xOffset=this.state.unitWidth/2}},{key:"getAllYValues",value:function(){var t,e=this,i="values";if(this.barOptions&&this.barOptions.stacked){i="cumulativeYs";var a=new Array(this.state.datasetLength).fill(0);this.state.datasets.map(function(t,n){var s=e.state.datasets[n].values;t[i]=a=a.map(function(t,e){return t+s[e]})})}return(t=[]).concat.apply(t,toConsumableArray(this.state.datasets.map(function(t){return t[i]})))}},{key:"calcIntermedState",value:function(){}},{key:"setupValues",value:function(){}},{key:"setupComponents",value:function(){this.yAxis=getYAxisComponent(this.drawArea,{mode:this.yAxisMode,width:this.width},{positions:getRealIntervals(this.height,4,0,0),labels:getRealIntervals(this.height,4,0,0).map(function(t){return t+""})}),this.components=[this.yAxis]}},{key:"refreshComponents",value:function(){this.refreshYAxis()}},{key:"refreshYAxis",value:function(){var t=this.state;this.yAxis.refresh({positions:t.yAxis.positions,labels:t.yAxis.labels})}},{key:"getXAxisComponents",value:function(){var t=this;return new ChartComponent({layerClass:"x axis",setData:function(){var e=t.state;return[{positions:e.xAxisPositions,labels:e.xAxisLabels},{mode:t.xAxisMode,height:t.height}]},makeElements:function(){var e=t.state;return e.xAxisPositions.map(function(i,a){return xLine(i,e.xAxisLabels[a],t.constants.height)})},animate:function(e){var i=t.state.xAxisPositions,a=t.oldState.xAxisPositions;t.oldState.xExtra=i.length-a.length;var n=e[e.length-1],s=n.parentNode,r=equilizeNoOfElements(a,i),o=slicedToArray(r,2);if(a=o[0],i=o[1],t.oldState.xExtra>0)for(var l=0;l<t.oldState.xExtra;l++){var h=n.cloneNode(!0);s.appendChild(h),e.push(h)}e.map(function(e,n){t.elementsToAnimate.push(t.renderer.translateVertLine(e,i[n],a[n]))})}})}},{key:"getChartComponents",value:function(){var t=this,e=[];return this.data.datasets.forEach(function(i,a){"line"===i.chartType&&e.push(t.getPathComponent(i,a));var n=t.unitRenderers[i.chartType];e.push(t.getDataUnitComponent(a,n))}),e}},{key:"getChartLabels",value:function(){return[]}},{key:"getDataUnitComponent",value:function(t,e){var i=this;return new ChartComponent({layerClass:"dataset-units dataset-"+t,setData:function(){},preMake:function(){},makeElements:function(){var a=i.state.datasets[t];return a.positions.map(function(n,s){return e.draw(i.state.xAxisPositions[s],n,i.colors[t],i.valuesOverPoints?i.barOptions&&i.barOptions.stacked?a.cumulativeYs[s]:a.values[s]:"",s,n-(a.cumulativePositions?a.cumulativePositions[s]:n))})},postMake:function(){var i=this;"bar"!==this.meta.type||this.meta.barOptions&&this.meta.barOptions.stacked||function(){i.layer.setAttribute("transform","translate("+e.consts.width*t+", 0)")}()},animate:function(a){var n=i.state.xAxisPositions,s=i.state.datasets[t].positions,r=a[a.length-1],o=r.parentNode;if(i.oldState.xExtra>0)for(var l=0;l<i.oldState.xExtra;l++){var h=r.cloneNode(!0);o.appendChild(h),a.push(h)}a.map(function(a,r){void 0!==n[r]&&void 0!==s[r]&&i.elementsToAnimate.push(e.animate(a,n[r],s[r],t,i.state.noOfDatasets))})}})}},{key:"getPathComponent",value:function(t,e){var i=this;return new ChartComponent({layerClass:"path dataset-path",setData:function(){},makeElements:function(){var t=i.state.datasets[e],a=i.colors[e];return getPaths(t.positions,i.state.xAxisPositions,a,i.config.heatline,i.config.regionFill)},animate:function(t){var a=i.state.xAxisPositions,n=i.state.datasets[e].positions,s=i.oldState.xAxisPositions,r=i.oldState.datasets[e].positions,o=t[0].parentNode,l=equilizeNoOfElements(s,a),h=slicedToArray(l,2);s=h[0],a=h[1];var c=equilizeNoOfElements(r,n),u=slicedToArray(c,2);r=u[0],n=u[1],i.oldState.xExtra>0&&(t=getPaths(r,s,i.colors[e],i.config.heatline,i.config.regionFill),o.textContent="",t.map(function(t){return o.appendChild(t)}));var p=n.map(function(t,e){return a[e]+","+t});i.elementsToAnimate=i.elementsToAnimate.concat(i.renderer.animatepath(t,p.join("L")))}})}},{key:"getYMarkerLines",value:function(){var t=this;return this.data.yMarkers?this.data.yMarkers.map(function(e,i){return new ChartComponent({layerClass:"y-markers",setData:function(){},makeElements:function(){return t.state.yMarkers.map(function(e){return t.renderer.yMarker(e.value,e.name,{pos:"right",mode:"span",lineType:e.type})})},animate:function(){}})}):[]}},{key:"getYRegions",value:function(){var t=this;return this.data.yRegions?this.data.yRegions.map(function(e,i){return new ChartComponent({layerClass:"y-regions",setData:function(){},makeElements:function(){return t.state.yRegions.map(function(e){return t.renderer.yRegion(e.start,e.end,e.name)})},animate:function(){}})}):[]}},{key:"refreshRenderer",value:function(){var t=this,e={totalHeight:this.height,totalWidth:this.width,xAxisMode:this.config.xAxisMode,yAxisMode:this.config.yAxisMode,zeroLine:this.state.zeroLine,unitWidth:this.state.unitWidth};this.renderer?this.renderer.refreshState(e):this.renderer=new AxisChartRenderer(e);var i={totalHeight:this.height,totalWidth:this.width,zeroLine:this.state.zeroLine,unitWidth:this.state.unitWidth,noOfDatasets:this.state.noOfDatasets};i=Object.assign(i,this.rawChartArgs.options),Object.keys(this.unitRenderers).map(function(e){i.options=t[e+"Options"],t.unitRenderers[e].refreshMeta(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.translateXLeft;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.xAxisLabels;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]),s=i.datasetLength-1;s>=0;s--){var r=i.xAxisPositions[s];if(t>r-i.unitWidth/2){var o=r+this.translateXLeft,l=i.yExtremes[s]+this.translateY,h=i.datasets.map(function(t,i){return{title:t.title,value:n?e.formatTooltipY(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.set_values(o,l,a[s],"",h),this.tip.show_tip();break}}}}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.current_index,e={index:t},i=this.y[0];return["svg_units","yUnitPositions","values"].map(function(a){var n=a.slice(0,a.length-1);e[n]=i[a][t]}),e.label=this.xAxisLabels[t],e}},{key:"setCurrentDataPoint",value:function(t){(t=parseInt(t))<0&&(t=0),t>=this.xAxisLabels.length&&(t=this.xAxisLabels.length-1),t!==this.current_index&&(this.current_index=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)}}]),e}(BaseChart),LineChart=function(t){function e(t){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="line",Object.getPrototypeOf(i)!==e.prototype?possibleConstructorReturn(i):(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.config.xAxisMode=t.xAxisMode||"span",this.config.yAxisMode=t.yAxisMode||"span",this.config.dotRadius=t.dotRadius||4,this.config.heatline=t.heatline||0,this.config.regionFill=t.regionFill||0,this.config.showDots=t.showDots||1}},{key:"configUnits",value:function(){this.unitArgs={type:"dot",args:{radius:this.config.dotRadius}}}},{key:"setUnitWidthAndXOffset",value:function(){this.state.unitWidth=this.width/(this.state.datasetLength-1),this.state.xOffset=0}}]),e}(AxisChart),ScatterChart=function(t){function e(t){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="scatter",t.dotRadius?i.dotRadius=t.dotRadius:i.dotRadius=8,i.setup(),i}return inherits(e,t),createClass(e,[{key:"setup_values",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_values",this).call(this),this.unit_args={type:"dot",args:{radius:this.dotRadius}}}},{key:"make_paths",value:function(){}},{key:"make_path",value:function(){}}]),e}(LineChart),MultiAxisChart=function(t){function e(t){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return inherits(e,t),createClass(e,[{key:"preSetup",value:function(){this.type="multiaxis"}},{key:"setHorizontalMargin",value:function(){var t=this.data.datasets.filter(function(t){return"left"===t.axisPosition}).length;this.translateXLeft=t*Y_AXIS_MARGIN||Y_AXIS_MARGIN,this.translateXRight=(this.data.datasets.length-t)*Y_AXIS_MARGIN||Y_AXIS_MARGIN}},{key:"prepareYAxis",value:function(){}},{key:"prepareData",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"prepareData",this).call(this,t);var i=0,a=0;this.state.datasets.forEach(function(t,e){t.yAxis={position:t.axisPosition,index:"left"===t.axisPosition?i++:a++}})}},{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.xAxisMode=t.xAxisMode||"tick",this.config.yAxisMode=t.yAxisMode||"span"}},{key:"configUnits",value:function(){this.unitArgs={type:"bar",args:{spaceWidth:this.state.unitWidth/2}}}},{key:"setYAxis",value:function(){var t=this;this.state.datasets.map(function(e){t.calcYAxisParameters(e.yAxis,e.values,"line"===t.unitType)})}},{key:"calcYUnits",value:function(){this.state.datasets.map(function(t){t.positions=t.values.map(function(e){return floatTwo(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})})}},{key:"renderConstants",value:function(){var t=this;this.state.datasets.map(function(e){var a="left"===e.yAxis.position?-1*e.yAxis.index*Y_AXIS_MARGIN:t.width+e.yAxis.index*Y_AXIS_MARGIN;t.renderer.xLine(a,"",{pos:"top",mode:"span",stroke:t.colors[i],className:"y-axis-guide"})})}},{key:"getYAxesComponents",value:function(){var t=this;return this.data.datasets.map(function(e,i){return new ChartComponent({layerClass:"y axis y-axis-"+i,make:function(){var e=t.state.datasets[i].yAxis;t.renderer.setZeroline(e.zeroline);var a={pos:e.position,mode:"tick",offset:e.index*Y_AXIS_MARGIN,stroke:t.colors[i]};return e.positions.map(function(i,n){return t.renderer.yLine(i,e.labels[n],a)})},animate:function(){}})})}},{key:"getChartComponents",value:function(){var t=this;return this.data.datasets.map(function(e,i){return new ChartComponent({layerClass:"dataset-units dataset-"+i,make:function(){var e=t.state.datasets[i],a=t.unitArgs;return t.renderer.setZeroline(e.yAxis.zeroLine),e.positions.map(function(e,n){return t.renderer[a.type](t.state.xAxisPositions[n],e,a.args,t.colors[i],n,i,t.state.datasetLength)})},animate:function(e){var a=t.state.datasets[i],n=t.unitArgs.type,s=t.state.xAxisPositions,r=t.state.datasets[i].positions,o=e[e.length-1],l=o.parentNode;if(t.oldState.xExtra>0)for(var h=0;h<t.oldState.xExtra;h++){var c=o.cloneNode(!0);l.appendChild(c),e.push(c)}t.renderer.setZeroline(a.yAxis.zeroLine),e.map(function(e,a){void 0!==s[a]&&void 0!==r[a]&&t.elementsToAnimate.push(t.renderer["animate"+n](e,s[a],r[a],i,t.state.noOfDatasets))})}})})}}]),e}(AxisChart),PercentageChart=function(t){function e(t){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="percentage",i.max_slices=10,i.max_legend_points=6,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.chartDiv=$$1.create("div",{className:"div",inside:this.chartWrapper}),this.chart=$$1.create("div",{className:"progress-chart",inside:this.chartDiv})}},{key:"setupLayers",value:function(){this.percentageBar=$$1.create("div",{className:"progress",inside:this.chart})}},{key:"setup_values",value:function(){var t=this;this.slice_totals=[];var e=this.data.labels.map(function(e,i){var a=0;return t.data.datasets.map(function(t){a+=t.values[i]}),[a,e]}).filter(function(t){return t[0]>0}),i=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),i=e.slice(0,this.max_slices-1);var a=0;e.slice(this.max_slices-1).map(function(t){a+=t[0]}),i.push([a,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],i.map(function(e){t.slice_totals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.slice_totals.slice(0,this.max_legend_points)}},{key:"renderComponents",value:function(){var t=this;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0),this.slices=[],this.slice_totals.map(function(e,i){var a=$$1.create("div",{className:"progress-bar",inside:t.percentageBar,styles:{background:t.colors[i],width:100*e/t.grand_total+"%"}});t.slices.push(a)})}},{key:"calc",value:function(){}}]),e}(BaseChart),ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,PieChart=function(t){function e(t){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="pie",i.elements_to_animate=null,i.hoverRadio=t.hoverRadio||.1,i.max_slices=10,i.max_legend_points=6,i.isAnimate=!1,i.startAngle=t.startAngle||0,i.clockWise=t.clockWise||!1,i.mouseMove=i.mouseMove.bind(i),i.mouseLeave=i.mouseLeave.bind(i),i.setup(),i}return inherits(e,t),createClass(e,[{key:"setup_values",value:function(){var t=this;this.centerX=this.width/2,this.centerY=this.height/2,this.radius=this.height>this.width?this.centerX:this.centerY,this.slice_totals=[];var e=this.data.labels.map(function(e,i){var a=0;return t.data.datasets.map(function(t){a+=t.values[i]}),[a,e]}).filter(function(t){return t[0]>0}),i=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),i=e.slice(0,this.max_slices-1);var a=0;e.slice(this.max_slices-1).map(function(t){a+=t[0]}),i.push([a,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],i.map(function(e){t.slice_totals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.slice_totals.slice(0,this.max_legend_points)}},{key:"makeArcPath",value:function(t,e){var i=this.centerX,a=this.centerY,n=this.radius,s=this.clockWise;return"M"+i+" "+a+" L"+(i+t.x)+" "+(a+t.y)+" A "+n+" "+n+" 0 0 "+(s?1:0)+" "+(i+e.x)+" "+(a+e.y)+" z"}},{key:"renderComponents",value:function(t){var i=this,a=this.radius,n=this.clockWise;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0);var s=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var r=180-this.startAngle;this.slice_totals.map(function(o,l){var h=r,c=o/i.grand_total*FULL_ANGLE,u=n?-c:c,p=r+=u,d=e.getPositionByAngle(h,a),f=e.getPositionByAngle(p,a),v=t&&s[l],y=void 0,g=void 0;t?(y=v?v.startPosition:d,g=v?v.endPosition:d):(y=d,g=f);var m=i.makeArcPath(y,g),_=makePath(m,"pie-path","none",i.colors[l]);_.style.transition="transform .3s;",i.drawArea.appendChild(_),i.slices.push(_),i.slicesProperties.push({startPosition:d,endPosition:f,value:o,total:i.grand_total,startAngle:h,endAngle:p,angle:u}),t&&i.elements_to_animate.push([{unit:_,array:i.slices,index:i.slices.length-1},{d:i.makeArcPath(d,f)},650,"easein",null,{d:m}])}),t&&runSMILAnimation(this.chartWrapper,this.svg,this.elements_to_animate)}},{key:"calTranslateByAngle",value:function(t){var i=this.radius,a=this.hoverRadio,n=e.getPositionByAngle(t.startAngle+t.angle/2,i);return"translate3d("+n.x*a+"px,"+n.y*a+"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 s=getOffset(this.svg),r=a.pageX-s.left+10,o=a.pageY-s.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.labels[e])+": ",h=(100*this.slice_totals[e]/this.grand_total).toFixed(1);this.tip.set_values(r,o,l,h+"%"),this.tip.show_tip()}else transform(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=n}}},{key:"mouseMove",value:function(t){for(var e=t.target,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(){this.drawArea.addEventListener("mousemove",this.mouseMove),this.drawArea.addEventListener("mouseleave",this.mouseLeave)}},{key:"renderLegend",value:function(){var t=this,e=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legend_totals.map(function(i,a){var n=t.colors[a];i&&($$1.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='<span class="indicator">\n\t\t\t\t\t<i style="background-color:'+n+';"></i>\n\t\t\t\t\t<span class="text-muted">'+e[a]+":</span>\n\t\t\t\t\t"+i+"\n\t\t\t\t</span>")})}}],[{key:"getPositionByAngle",value:function(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}}]),e}(BaseChart),Heatmap=function(t){function e(t){var i=t.start,a=void 0===i?"":i,n=t.domain,s=void 0===n?"":n,r=t.subdomain,o=void 0===r?"":r,l=t.data,h=void 0===l?{}:l,c=t.discrete_domains,u=void 0===c?0:c,p=t.count_label,d=void 0===p?"":p,f=t.legend_colors,v=void 0===f?[]:f;classCallCheck(this,e);var y=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,arguments[0]));y.type="heatmap",y.domain=s,y.subdomain=o,y.data=h,y.discrete_domains=u,y.count_label=d;var g=new Date;return y.start=a||addDays(g,365),v=v.slice(0,5),y.legend_colors=y.validate_colors(v)?v:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],y.distribution_size=5,y.translateX=0,y}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:"setupConstants",value:function(){this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&addDays(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&addDays(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=getWeeksBetween(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"setupLayers",value:function(){this.domain_label_group=this.makeLayer("domain-label-group chart-label"),this.data_groups=this.makeLayer("data-groups","translate(0, 20)")}},{key:"setup_values",value:function(){var t=this;this.domain_label_group.textContent="",this.data_groups.textContent="";var e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=calcDistribution(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"],this.render_all_weeks_and_store_x_values(this.no_of_cols)}},{key:"render_all_weeks_and_store_x_values",value:function(t){var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;i<t;i++){var a=void 0,n=0,s=new Date(e),r=this.get_week_squares_group(s,this.week_col),o=slicedToArray(r,2);a=o[0],n=o[1],this.data_groups.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,s=makeSVGGroup(this.data_groups,"data-group"),r=0,o=0;o<7;o+=1,r+=12){var l=0,h=0,c=t.getTime()/1e3,u=Math.floor(c-c%86400).toFixed(1);this.data[u]&&(l=this.data[u]),this.data[Math.round(u)]&&(l=this.data[Math.round(u)]),l&&(h=getMaxCheckpoint(l,this.distribution));var p=13+12*(e+n),d={"data-date":getDdMmYyyy(t),"data-value":l,"data-day":t.getDay()},f=makeHeatSquare("day",p,r,10,this.legend_colors[h],d);s.appendChild(f);var v=new Date(t);if(addDays(v,1),v.getTime()>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[s,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.domain_label_group.appendChild(a)})}},{key:"renderComponents",value:function(){Array.prototype.slice.call(this.container.querySelectorAll(".graph-stats-container, .sub-title, .title")).map(function(t){t.style.display="None"}),this.chartWrapper.style.marginTop="0px",this.chartWrapper.style.paddingTop="0px"}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),a=e.target.getAttribute("data-date").split("-"),n=t.month_names[parseInt(a[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 "+n+" "+a[0]+", "+a[2];t.tip.set_values(l,h,u,c,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){this.data=t,this.setup_values(),this.bindTooltip()}}]),e}(BaseChart),chartTypes={mixed:AxisChart,multiaxis:MultiAxisChart,scatter:ScatterChart,percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e){return classCallCheck(this,t),getChartByType(e.type,arguments[0])};export default Chart;
diff --git a/dist/frappe-charts.min.iife.js b/dist/frappe-charts.min.iife.js
index 0df661f..e26bd63 100644
--- a/dist/frappe-charts.min.iife.js
+++ b/dist/frappe-charts.min.iife.js
@@ -1 +1,2 @@
-var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function n(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function a(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function s(t){return parseFloat(t.toFixed(2))}function r(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function o(t,e){return(t+"").length*e}function l(t,e){var i=void 0,n=void 0;return t<=e?(n=t,0===(i=e-t)&&(n-=i=totalHeight*MIN_BAR_PERCENT_HEIGHT)):(i=t-e,n=e),[i,n]}function h(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=r(t,i):e=r(e,i),[t,e]}function c(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function u(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)c(a).appendChild(i);else if("around"===n){var s=c(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":V(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 p(t,e){return u("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function d(t,e,i,n){return u("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function f(t,e,i,n){return u("svg",{className:e,inside:t,width:i,height:n})}function v(t){return u("defs",{inside:t})}function y(t,e){return u("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function g(t){var e=u("g",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:""});return t.forEach(function(t){return e.appendChild(t)}),e}function m(t){return u("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function x(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e,a=p(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),d(a,"0%",e,s[0]),d(a,"50%",e,s[1]),d(a,"100%",e,s[2]),n}function k(t,e,i,n){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:i,width:n,height:n,fill:1};return Object.keys(a).map(function(t){s[t]=a[t]}),u("rect",s)}function _(t,e,i,n){return u("text",{className:t,x:e,y:i,dy:rt/2+"px","font-size":rt+"px",innerHTML:n})}function b(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=ot);var s=u("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=u("text",{x:0,y:i>n?i+st:i-st-rt,dy:rt+"px","font-size":rt+"px","text-anchor":"middle",innerHTML:e}),o=u("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function w(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=ot),a.lineType||(a.lineType="");var s=u("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:t,y2:t,styles:{stroke:a.stroke}}),r=u("text",{x:i<n?i-st:i+st,y:t,dy:rt/2-2+"px","font-size":rt+"px","text-anchor":i<n?"end":"start",innerHTML:e+""}),o=u("g",{"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 A(t){return t>255?255:t<0?0:t}function M(t,e){var i=ut(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=A((a>>16)+e),r=A((a>>8&255)+e),o=A((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function C(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function L(t,e,i){if(t!==e){pt.includes(t)||console.error("'"+t+"' is not a valid chart type."),dt[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=ft[e].includes(t);return new Pt({parent:i.parent,title:i.title,data:i.data,type:t,height:i.height,colors:n?i.colors:void 0})}}function O(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:vt[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 P(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function T(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=O.apply(void 0,it(t)),l=et(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 D(t,e,i){if(0!==i.length){var n=T(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},at)}}function N(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3],a=arguments.length>4&&void 0!==arguments[4]&&arguments[4],s=t.map(function(t,i){return e[i]+","+t}).join("L"),r=m("M"+s,"line-graph-path",i);if(n){var o=x(this.svgDefs,i);r.style.stroke="url(#"+o+")"}var l=[r];if(a){var h=x(this.svgDefs,i,!0),c=this.state.yAxis.zeroLine,u="M0,"+c+"L"+s+"L"+this.width+","+c;l.push(m(u,"region-fill","none","url(#"+h+")"))}return l}function W(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 S(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 z(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=W(t),n=et(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=S(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function R(t){function e(t,e){for(var i=z(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,it(t)),a=Math.min.apply(Math,it(t)),s=[];if(n>=0&&a>=0)W(n)[1],s=i?z(n,a):z(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(W(n)[1],s=e(n,r)):(W(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);W(o)[1],s=(s=i?z(o,l):z(o)).reverse().map(function(t){return-1*t})}return s}function E(t){var e=Y(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 Y(t){return t[1]-t[0]}function j(t){return t[t.length-1]-t[0]}function H(t,e){for(var i=Math.max.apply(Math,it(t)),n=1/(e-1),a=[],s=0;s<e;s++){var r=i*(n*s);a.push(r)}return a}function X(t,e){return e.filter(function(e){return e<t}).length}function U(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function F(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function B(t,e){return Math.ceil(I(t,e)/7)}function I(t,e){return(U(e)-U(t))/864e5}function q(t,e){t.setDate(t.getDate()+e)}function J(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1];return"line"===t?(e.type="line",new _t(e)):"bar"===t?(e.type="bar",new _t(e)):Ot[t]?new Ot[t](e):void console.error("Undefined chart type: "+t)}!function(t,e){if("undefined"==typeof document)return e;t=t||"";var i=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css",i.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',void 0);var V="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},Z=(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")}),G=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}}(),K=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)},Q=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)},tt=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},et=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")}}(),it=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":V(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 nt=function(){function e(t){var i=t.parent,n=void 0===i?null:i,a=t.colors,s=void 0===a?[]:a;Z(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 G(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}(),at=250,st=4,rt=10,ot="#dadada",lt=function(){function t(e){Z(this,t),this.refreshState(e)}return G(t,[{key:"refreshState",value:function(t){this.totalHeight=t.totalHeight,this.totalWidth=t.totalWidth,this.zeroLine=t.zeroLine,this.unitWidth=t.unitWidth,this.xAxisMode=t.xAxisMode,this.yAxisMode=t.yAxisMode}},{key:"setZeroline",value:function(t){this.zeroLine=t}},{key:"xLine",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};i.pos||(i.pos="bottom"),i.offset||(i.offset=0),i.mode||(i.mode=this.xAxisMode),i.stroke||(i.stroke=ot),i.className||(i.className="");var n=this.totalHeight+6,a="span"===i.mode?-6:this.totalHeight;return"tick"===i.mode&&"top"===i.pos&&(n=-6,a=0),b(t,e,n,a,{stroke:i.stroke,className:i.className,lineType:i.lineType})}},{key:"yLine",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};i.pos||(i.pos="left"),i.offset||(i.offset=0),i.mode||(i.mode=this.yAxisMode),i.stroke||(i.stroke=ot),i.className||(i.className="");var n=-6,a="span"===i.mode?this.totalWidth+6:0;return"tick"===i.mode&&"right"===i.pos&&(n=this.totalWidth+6,a=this.totalWidth),n+=i.offset,a+=i.offset,w(t,e,n,a,{stroke:i.stroke,className:i.className,lineType:i.lineType})}},{key:"xMarker",value:function(){}},{key:"yMarker",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=u("text",{className:"chart-label",x:this.totalWidth-o(e,5)-st,y:t-rt-2,dy:rt/2+"px","font-size":rt+"px","text-anchor":"start",innerHTML:e+""}),a=w(t,"",0,this.totalWidth,{stroke:i.stroke||ot,className:i.className||"",lineType:i.lineType});return a.appendChild(n),a}},{key:"xRegion",value:function(){return u("rect",{className:"bar mini",style:"fill: rgba(228, 234, 239, 0.49)",x:0,y:y2,width:this.totalWidth,height:y1-y2})}},{key:"yRegion",value:function(t,e,i){var n=u("rect",{className:"bar mini",style:"fill: rgba(228, 234, 239, 0.49)",x:0,y:e,width:this.totalWidth,height:t-e}),a=u("line",{className:"line-horizontal",x1:0,x2:this.totalWidth,y1:e,y2:e,styles:{stroke:ot}}),s=u("line",{className:"line-horizontal",x1:0,x2:this.totalWidth,y1:t,y2:t,styles:{stroke:ot}}),r=u("text",{className:"chart-label",x:this.totalWidth-o(i,4.5)-st,y:e-rt-2,dy:rt/2+"px","font-size":rt+"px","text-anchor":"start",innerHTML:i+""}),l=u("g",{});return l.appendChild(n),l.appendChild(a),l.appendChild(s),l.appendChild(r),l}},{key:"animatebar",value:function(t,e,i,n,a){var s=e-this.avgUnitWidth/4,r=this.avgUnitWidth/2/a,o=l(i,this.zeroLine,this.totalHeight),h=et(o,2);return e=s+r*n,[t,{width:r,height:h[0],x:e,y:h[1]},350,"easein"]}},{key:"animatedot",value:function(t,e,i){return[t,{cx:e,cy:i},350,"easein"]}},{key:"animatepath",value:function(t,e){var i=[],n=[t[0],{d:"M"+e},350,"easein"];if(i.push(n),t[1]){var a="0,"+this.zeroLine+"L",s="L"+this.totalWidth+", "+this.zeroLine,r=[t[1],{d:"M"+a+e+s},350,"easein"];i.push(r)}return i}},{key:"translate",value:function(t,e,i,n){return[t,{transform:i.join(", ")},n,"easein","translate",{transform:e.join(", ")}]}},{key:"translateVertLine",value:function(t,e,i){return this.translate(t,[i,0],[e,0],350)}},{key:"translateHoriLine",value:function(t,e,i){return this.translate(t,[0,i],[0,e],350)}}]),t}(),ht={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},ct=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta"],ut=function(t){return ht[t]||t},pt=["line","scatter","bar","percentage","heatmap","pie"],dt={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:[]},vt={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"},yt=function(){function e(t){var i=t.height,n=void 0===i?240:i,a=t.title,s=void 0===a?"":a,r=t.subtitle,o=void 0===r?"":r,l=(t.colors,t.isNavigable),h=void 0===l?0:l,c=(t.showLegend,t.type,t.parent);Z(this,e),this.rawChartArgs=arguments[0],this.parent="string"==typeof c?document.querySelector(c):c,this.title=s,this.subtitle=o,this.argHeight=n,this.isNavigable=h,this.isNavigable&&(this.currentIndex=0),this.configure(arguments[0])}return G(e,[{key:"configure",value:function(t){this.setColors(),this.config={showTooltip:1,showLegend:1,isNavigable:0,animate:0},this.state={colors:this.colors}}},{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=ct:this.colors=t.colors,this.colors=this.colors.map(function(t){return ut(t)})}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-40,this.translateY=20,this.setHorizontalMargin()}},{key:"setHorizontalMargin",value:function(){this.translateXLeft=60,this.translateXRight=40}},{key:"validate",value:function(){return this.parent?!!this.parseData():(console.error("No parent element to render on was provided."),!1)}},{key:"parseData",value:function(){var t=this.rawChartArgs.data;if(!this.checkData(t))return!1;if(this.config.animate){var e=this.getFirstUpdateData(t),i=et(e,2);this.data=i[0],this.firstUpdateData=i[1]}else this.data=t;return!0}},{key:"checkData",value:function(){}},{key:"getFirstUpdateData",value:function(){}},{key:"setup",value:function(){this.validate()&&this._setup()}},{key:"_setup",value:function(){this.bindWindowEvents(),this.setupConstants(),this.setupComponents(),this.setMargins(),this.makeContainer(),this.makeTooltip(),this.draw(!0)}},{key:"bindWindowEvents",value:function(){var t=this;window.addEventListener("resize orientationchange",function(){return t.draw()})}},{key:"setupConstants",value:function(){}},{key:"setupComponents",value:function(){this.components=[]}},{key:"makeContainer",value:function(){this.container=t.create("div",{className:"chart-container",innerHTML:'<h6 class="title">'+this.title+'</h6>\n\t\t\t\t<h6 class="sub-title uppercase">'+this.subtitle+'</h6>\n\t\t\t\t<div class="frappe-chart graphics"></div>\n\t\t\t\t<div class="graph-stats-container"></div>'}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new nt({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcWidth(),this.refresh(this.data),this.makeChartArea(),this.setComponentParent(),this.makeComponentLayers(),this.renderLegend(),this.setupNavigation(t),this.renderComponents(),this.renderConstants(),this.config.animate&&this.update(this.firstUpdateData)}},{key:"update",value:function(t){this.refresh(t),this.reRender()}},{key:"calcWidth",value:function(){this.baseWidth=a(this.parent)-0,this.width=this.baseWidth-(this.translateXLeft+this.translateXRight)}},{key:"refresh",value:function(t){this.oldState=this.state?JSON.parse(JSON.stringify(this.state)):{},this.intermedState={},this.prepareData(t),this.reCalc(),this.refreshRenderer()}},{key:"makeChartArea",value:function(){this.svg=f(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=v(this.svg),this.drawArea=y(this.svg,this.type+"-chart","translate("+this.translateXLeft+", "+this.translateY+")")}},{key:"prepareData",value:function(){}},{key:"renderConstants",value:function(){}},{key:"reCalc",value:function(){}},{key:"refreshRenderer",value:function(){this.renderer={}}},{key:"reRender",value:function(){var t=this;if(!(!(arguments.length>0&&void 0!==arguments[0])||arguments[0]))return void this.renderComponents();this.elementsToAnimate=[],this.loadAnimatedComponents(),D(this.chartWrapper,this.svg,this.elementsToAnimate),setTimeout(function(){t.renderComponents()},400)}},{key:"setComponentParent",value:function(){var t=this;this.components.forEach(function(e){return e.setupParent(t.drawArea)})}},{key:"makeComponentLayers",value:function(){this.components.forEach(function(t){return t.makeLayer()})}},{key:"renderComponents",value:function(){this.components.forEach(function(t){return t.render()})}},{key:"loadAnimatedComponents",value:function(){this.components.forEach(function(t){return t.loadAnimatedComponents()})}},{key:"refreshComponents",value:function(){var t=this;this.components.forEach(function(e){return e.refresh(t.state,t.rawChartArgs)})}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.isNavigable||(this.makeOverlay(),e&&(this.bindOverlay(),document.addEventListener("keydown",function(e){n(t.chartWrapper)&&("37"==(e=e||window.event).keyCode?t.onLeftArrow():"39"==e.keyCode?t.onRightArrow():"38"==e.keyCode?t.onUpArrow():"40"==e.keyCode?t.onDownArrow():"13"==e.keyCode&&t.onEnterKey())})))}},{key:"makeOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bind_units",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(){}},{key:"updateDataset",value:function(t,e){}},{key:"updateDatasets",value:function(t){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"updateDataPoint",value:function(t){}},{key:"getDifferentChart",value:function(t){return L(t,this.type,this.rawChartArgs)}}]),e}(),gt=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,s=void 0===a?"":a,r=e.initData,o=e.setData,l=e.preMake,h=e.make,c=e.postMake,u=e.animate;Z(this,t),this.layerClass=n,this.layerTransform=s,this.initData=r,this.setData=o,this.preMake=l,this.make=h,this.postMake=c,this.animate=u,this.layer=void 0,this.store=[]}return G(t,[{key:"refresh",value:function(t,e){this.meta=Object.assign(this.meta||{},e),this.state=t}},{key:"render",value:function(){var t=this;this.data=this.setData(),this.preMake&&this.preMake(),this.store=this.make(),this.layer.textContent="",this.store.forEach(function(e){t.layer.appendChild(e)}),this.postMake&&this.postMake()}},{key:"setupParent",value:function(t){this.parent=t}},{key:"loadAnimatedComponents",value:function(){this.animate(this.store)}},{key:"makeLayer",value:function(){this.layer=y(this.parent,this.layerClass,this.layerTransform)}}]),t}(),mt=function(){function t(e){Z(this,t),this.meta=e||{},this.setupArgs()}return G(t,[{key:"setupArgs",value:function(){this.consts={}}},{key:"setup",value:function(){}},{key:"refreshMeta",value:function(t){this.meta=Object.assign(this.meta||{},t)}},{key:"draw",value:function(){}},{key:"animate",value:function(){}}]),t}(),xt=(function(t){function e(t){return Z(this,e),tt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}Q(e,t),G(e,[{key:"draw",value:function(t,e,i,n){return u("circle",{style:"fill: "+i,"data-point-index":n,cx:t,cy:e,r:this.consts.radius})}},{key:"animate",value:function(t,e,i){return[t,{cx:e,cy:i},350,"easein"]}}])}(mt),function(t){function e(t){return Z(this,e),tt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return Q(e,t),G(e,[{key:"setupArgs",value:function(){this.consts={spaceRatio:.5,minHeight:.01*this.meta.totalHeight}}},{key:"refreshMeta",value:function(t){t&&K(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"refreshMeta",this).call(this,t);var i=this.meta;this.consts.barsWidth=i.unitWidth-i.unitWidth*this.consts.spaceRatio,this.consts.width=this.consts.barsWidth/(i.options&&i.options.stacked?i.options.stacked:i.noOfDatasets)}},{key:"draw",value:function(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=l(e,this.meta.zeroLine),o=et(r,2),h=o[0],c=o[1],p=u("rect",{className:"bar mini",style:"fill: "+i,"data-point-index":a,x:t-this.consts.barsWidth/2,y:c-s,width:this.consts.width,height:h||this.consts.minHeight});return n||n.length?g([p,u("text",{className:"data-point-value",x:t,y:c-s,dy:rt/2*-1+"px","font-size":rt+"px","text-anchor":"middle",innerHTML:n})]):p}},{key:"animate",value:function(t,e,i,n,a){var s=e-this.meta.unitWidth/4,r=this.meta.unitWidth/2/a,o=l(i,this.meta.zeroLine,this.meta.totalHeight),h=et(o,2);return e=s+r*n,[t,{width:r,height:h[0],x:e,y:h[1]},350,"easein"]}}]),e}(mt)),kt=function(t){function e(t){return Z(this,e),tt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return Q(e,t),G(e,[{key:"setupArgs",value:function(){this.consts={radius:this.meta.dotSize||4}}},{key:"draw",value:function(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",a=u("circle",{style:"fill: "+i,"data-point-index":arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,cx:t,cy:e,r:this.consts.radius});return n||n.length?g([a,u("text",{className:"data-point-value",x:t,y:e,dy:rt/2*-1-this.consts.radius+"px","font-size":rt+"px","text-anchor":"middle",innerHTML:n})]):a}},{key:"animate",value:function(t,e,i){return[t,{cx:e,cy:i},350,"easein"]}}]),e}(mt),_t=function(t){function i(t){Z(this,i);var e=tt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t));return e.isSeries=t.isSeries,e.valuesOverPoints=t.valuesOverPoints,e.formatTooltipY=t.formatTooltipY,e.formatTooltipX=t.formatTooltipX,e.barOptions=t.barOptions,e.lineOptions=t.lineOptions,e.type=t.type||"line",e.setupUnitRenderer(),e.zeroLine=e.height,e.preSetup(),e.setup(),e}return Q(i,t),G(i,[{key:"configure",value:function(t){K(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this),this.config.xAxisMode=t.xAxisMode,this.config.yAxisMode=t.yAxisMode}},{key:"preSetup",value:function(){}},{key:"setupUnitRenderer",value:function(){var t=this.rawChartArgs.options;this.unitRenderers={bar:new xt(t),line:new kt(t)}}},{key:"setHorizontalMargin",value:function(){this.translateXLeft=60,this.translateXRight=60}},{key:"checkData",value:function(t){return!0}},{key:"getFirstUpdateData",value:function(t){}},{key:"setupConstants",value:function(){var t=this;this.state={xAxisLabels:[],xAxisPositions:[],xAxisMode:this.config.xAxisMode,yAxisMode:this.config.yAxisMode},this.data.datasets.map(function(e){e.chartType||(e.chartType=t.type)}),this.prepareYAxis()}},{key:"prepareData",value:function(t){var e=this.state;e.xAxisLabels=t.labels||[],e.datasetLength=e.xAxisLabels.length;var i=new Array(e.datasetLength).fill(0);e.datasets=t.datasets,t.datasets||(e.datasets=[{values:i}]),e.datasets.map(function(t,n){var a=t.values;a=a?(a=a.map(function(t){return isNaN(t)?0:t})).length>e.datasetLength?a.slice(0,e.datasetLength):r(a,e.datasetLength-a.length,0):i,t.index=n}),e.noOfDatasets=e.datasets.length,e.yMarkers=t.yMarkers,e.yRegions=t.yRegions}},{key:"prepareYAxis",value:function(){this.state.yAxis={labels:[],positions:[]}}},{key:"reCalc",value:function(){var t=this.state;t.xAxisLabels=this.data.labels,this.calcXPositions(),t.datasetsLabels=this.data.datasets.map(function(t){return t.name}),this.setYAxis(),this.calcYUnits(),this.calcYMaximums(),this.calcYRegions(),this.configUnits()}},{key:"setYAxis",value:function(){this.calcYAxisParameters(this.state.yAxis,this.getAllYValues(),"line"===this.type),this.state.zeroLine=this.state.yAxis.zeroLine}},{key:"calcXPositions",value:function(){var t=this.state;this.setUnitWidthAndXOffset(),t.xAxisPositions=t.xAxisLabels.map(function(e,i){return s(t.xOffset+i*t.unitWidth)}),t.xUnitPositions=new Array(t.noOfDatasets).fill(t.xAxisPositions)}},{key:"calcYAxisParameters",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"false";t.labels=R(e,i);var n=t.labels;t.scaleMultiplier=this.height/j(n);var a=Y(n)*t.scaleMultiplier;t.zeroLine=this.height-E(n)*a,t.positions=n.map(function(e){return t.zeroLine-e*t.scaleMultiplier})}},{key:"calcYUnits",value:function(){var t=this.state;t.datasets.map(function(e){e.positions=e.values.map(function(e){return s(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})}),this.barOptions&&this.barOptions.stacked&&t.datasets.map(function(e,i){e.cumulativePositions=e.cumulativeYs.map(function(e){return s(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})})}},{key:"calcYMaximums",value:function(){var t=this.state;if(this.barOptions&&this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativePositions);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.positions.map(function(e,i){e<t.yExtremes[i]&&(t.yExtremes[i]=e)})})}},{key:"calcYRegions",value:function(){var t=this.state;t.yMarkers&&(t.yMarkers=t.yMarkers.map(function(e){return e.value=s(t.yAxis.zeroLine-e.value*t.yAxis.scaleMultiplier),e})),t.yRegions&&(t.yRegions=t.yRegions.map(function(e){return e.start=s(t.yAxis.zeroLine-e.start*t.yAxis.scaleMultiplier),e.end=s(t.yAxis.zeroLine-e.end*t.yAxis.scaleMultiplier),e}))}},{key:"configUnits",value:function(){}},{key:"setUnitWidthAndXOffset",value:function(){this.state.unitWidth=this.width/this.state.datasetLength,this.state.xOffset=this.state.unitWidth/2}},{key:"getAllYValues",value:function(){var t,e=this,i="values";if(this.barOptions&&this.barOptions.stacked){i="cumulativeYs";var n=new Array(this.state.datasetLength).fill(0);this.state.datasets.map(function(t,a){var s=e.state.datasets[a].values;t[i]=n=n.map(function(t,e){return t+s[e]})})}return(t=[]).concat.apply(t,it(this.state.datasets.map(function(t){return t[i]})))}},{key:"calcIntermedState",value:function(){}},{key:"setupValues",value:function(){}},{key:"setupComponents",value:function(){this.components=[].concat(it(this.getYAxesComponents()),[this.getXAxisComponents()],it(this.getYRegions()),it(this.getXRegions()),it(this.getYMarkerLines()),it(this.getChartComponents()),it(this.getChartLabels()))}},{key:"getYAxesComponents",value:function(){var t=this;return[new gt({layerClass:"y axis",setData:function(){},initializeData:function(){this.axesPositions=this.state},make:function(){var e=t.state;return e.yAxis.positions.map(function(i,n){return t.renderer.yLine(i,e.yAxis.labels[n],{pos:"right"})})},animate:function(e){var i=t.state.yAxis.positions,n=t.oldState.yAxis.positions,a=i.length-n.length,s=e[e.length-1],r=s.parentNode,o=h(n,i),l=et(o,2);if(n=l[0],i=l[1],a>0)for(var c=0;c<a;c++){var u=s.cloneNode(!0);r.appendChild(u),e.push(u)}e.map(function(e,a){t.elementsToAnimate.push(t.renderer.translateHoriLine(e,i[a],n[a]))})}})]}},{key:"getXAxisComponents",value:function(){var t=this;return new gt({layerClass:"x axis",setData:function(){},make:function(){var e=t.state;return e.xAxisPositions.map(function(i,n){return t.renderer.xLine(i,e.xAxisLabels[n])})},animate:function(e){var i=t.state.xAxisPositions,n=t.oldState.xAxisPositions;t.oldState.xExtra=i.length-n.length;var a=e[e.length-1],s=a.parentNode,r=h(n,i),o=et(r,2);if(n=o[0],i=o[1],t.oldState.xExtra>0)for(var l=0;l<t.oldState.xExtra;l++){var c=a.cloneNode(!0);s.appendChild(c),e.push(c)}e.map(function(e,a){t.elementsToAnimate.push(t.renderer.translateVertLine(e,i[a],n[a]))})}})}},{key:"getChartComponents",value:function(){var t=this,e=[];return this.data.datasets.forEach(function(i,n){"line"===i.chartType&&e.push(t.getPathComponent(i,n));var a=t.unitRenderers[i.chartType];e.push(t.getDataUnitComponent(n,a))}),e}},{key:"getChartLabels",value:function(){return[]}},{key:"getDataUnitComponent",value:function(t,e){var i=this;return new gt({layerClass:"dataset-units dataset-"+t,setData:function(){},preMake:function(){},make:function(){var n=i.state.datasets[t];return n.positions.map(function(a,s){return e.draw(i.state.xAxisPositions[s],a,i.colors[t],i.valuesOverPoints?i.barOptions&&i.barOptions.stacked?n.cumulativeYs[s]:n.values[s]:"",s,a-(n.cumulativePositions?n.cumulativePositions[s]:a))})},postMake:function(){var i=this;"bar"!==this.meta.type||this.meta.barOptions&&this.meta.barOptions.stacked||function(){i.layer.setAttribute("transform","translate("+e.consts.width*t+", 0)")}()},animate:function(n){var a=i.state.xAxisPositions,s=i.state.datasets[t].positions,r=n[n.length-1],o=r.parentNode;if(i.oldState.xExtra>0)for(var l=0;l<i.oldState.xExtra;l++){var h=r.cloneNode(!0);o.appendChild(h),n.push(h)}n.map(function(n,r){void 0!==a[r]&&void 0!==s[r]&&i.elementsToAnimate.push(e.animate(n,a[r],s[r],t,i.state.noOfDatasets))})}})}},{key:"getPathComponent",value:function(t,e){var i=this;return new gt({layerClass:"path dataset-path",setData:function(){},make:function(){var t=i.state.datasets[e],n=i.colors[e];return N(t.positions,i.state.xAxisPositions,n,i.config.heatline,i.config.regionFill)},animate:function(t){var n=i.state.xAxisPositions,a=i.state.datasets[e].positions,s=i.oldState.xAxisPositions,r=i.oldState.datasets[e].positions,o=t[0].parentNode,l=h(s,n),c=et(l,2);s=c[0],n=c[1];var u=h(r,a),p=et(u,2);r=p[0],a=p[1],i.oldState.xExtra>0&&(t=N(r,s,i.colors[e],i.config.heatline,i.config.regionFill),o.textContent="",t.map(function(t){return o.appendChild(t)}));var d=a.map(function(t,e){return n[e]+","+t});i.elementsToAnimate=i.elementsToAnimate.concat(i.renderer.animatepath(t,d.join("L")))}})}},{key:"getYMarkerLines",value:function(){var t=this;return this.data.yMarkers?this.data.yMarkers.map(function(e,i){return new gt({layerClass:"y-markers",setData:function(){},make:function(){return t.state.yMarkers.map(function(e){return t.renderer.yMarker(e.value,e.name,{pos:"right",mode:"span",lineType:e.type})})},animate:function(){}})}):[]}},{key:"getYRegions",value:function(){var t=this;return this.data.yRegions?this.data.yRegions.map(function(e,i){return new gt({layerClass:"y-regions",setData:function(){},make:function(){return t.state.yRegions.map(function(e){return t.renderer.yRegion(e.start,e.end,e.name)})},animate:function(){}})}):[]}},{key:"getXRegions",value:function(){return[]}},{key:"refreshRenderer",value:function(){var t=this,e={totalHeight:this.height,totalWidth:this.width,xAxisMode:this.config.xAxisMode,yAxisMode:this.config.yAxisMode,zeroLine:this.state.zeroLine,unitWidth:this.state.unitWidth};this.renderer?this.renderer.refreshState(e):this.renderer=new lt(e),this.refreshComponents();var i={totalHeight:this.height,totalWidth:this.width,zeroLine:this.state.zeroLine,unitWidth:this.state.unitWidth,noOfDatasets:this.state.noOfDatasets};i=Object.assign(i,this.rawChartArgs.options),Object.keys(this.unitRenderers).map(function(e){i.options=t[e+"Options"],t.unitRenderers[e].refreshMeta(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.translateXLeft;i.pageY-n.top-t.translateY<t.height+2*t.translateY?t.mapTooltipXPosition(a):t.tip.hide_tip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this,i=this.state;if(i.yExtremes){var n=i.xAxisLabels;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.xAxisPositions[s];if(t>r-i.unitWidth/2){var o=r+this.translateXLeft,l=i.yExtremes[s]+this.translateY,h=i.datasets.map(function(t,i){return{title:t.title,value:a?e.formatTooltipY(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.set_values(o,l,n[s],"",h),this.tip.show_tip();break}}}}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.current_index,e={index:t},i=this.y[0];return["svg_units","yUnitPositions","values"].map(function(n){var a=n.slice(0,n.length-1);e[a]=i[n][t]}),e.label=this.xAxisLabels[t],e}},{key:"setCurrentDataPoint",value:function(t){(t=parseInt(t))<0&&(t=0),t>=this.xAxisLabels.length&&(t=this.xAxisLabels.length-1),t!==this.current_index&&(this.current_index=t,$.fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;K(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;K(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}}]),i}(yt),bt=function(t){function e(t){Z(this,e);var i=tt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="scatter",t.dotRadius?i.dotRadius=t.dotRadius:i.dotRadius=8,i.setup(),i}return Q(e,t),G(e,[{key:"setup_values",value:function(){K(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_values",this).call(this),this.unit_args={type:"dot",args:{radius:this.dotRadius}}}},{key:"make_paths",value:function(){}},{key:"make_path",value:function(){}}]),e}(function(t){function e(t){Z(this,e);var i=tt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="line",Object.getPrototypeOf(i)!==e.prototype?tt(i):(i.setup(),i)}return Q(e,t),G(e,[{key:"configure",value:function(t){K(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.xAxisMode=t.xAxisMode||"span",this.config.yAxisMode=t.yAxisMode||"span",this.config.dotRadius=t.dotRadius||4,this.config.heatline=t.heatline||0,this.config.regionFill=t.regionFill||0,this.config.showDots=t.showDots||1}},{key:"configUnits",value:function(){this.unitArgs={type:"dot",args:{radius:this.config.dotRadius}}}},{key:"setUnitWidthAndXOffset",value:function(){this.state.unitWidth=this.width/(this.state.datasetLength-1),this.state.xOffset=0}}]),e}(_t)),wt=function(t){function e(t){return Z(this,e),tt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return Q(e,t),G(e,[{key:"preSetup",value:function(){this.type="multiaxis"}},{key:"setHorizontalMargin",value:function(){var t=this.data.datasets.filter(function(t){return"left"===t.axisPosition}).length;this.translateXLeft=60*t||60,this.translateXRight=60*(this.data.datasets.length-t)||60}},{key:"prepareYAxis",value:function(){}},{key:"prepareData",value:function(t){K(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"prepareData",this).call(this,t);var i=0,n=0;this.state.datasets.forEach(function(t,e){t.yAxis={position:t.axisPosition,index:"left"===t.axisPosition?i++:n++}})}},{key:"configure",value:function(t){K(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.xAxisMode=t.xAxisMode||"tick",this.config.yAxisMode=t.yAxisMode||"span"}},{key:"configUnits",value:function(){this.unitArgs={type:"bar",args:{spaceWidth:this.state.unitWidth/2}}}},{key:"setYAxis",value:function(){var t=this;this.state.datasets.map(function(e){t.calcYAxisParameters(e.yAxis,e.values,"line"===t.unitType)})}},{key:"calcYUnits",value:function(){this.state.datasets.map(function(t){t.positions=t.values.map(function(e){return s(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})})}},{key:"renderConstants",value:function(){var t=this;this.state.datasets.map(function(e){var n="left"===e.yAxis.position?-1*e.yAxis.index*60:t.width+60*e.yAxis.index;t.renderer.xLine(n,"",{pos:"top",mode:"span",stroke:t.colors[i],className:"y-axis-guide"})})}},{key:"getYAxesComponents",value:function(){var t=this;return this.data.datasets.map(function(e,i){return new gt({layerClass:"y axis y-axis-"+i,make:function(){var e=t.state.datasets[i].yAxis;t.renderer.setZeroline(e.zeroline);var n={pos:e.position,mode:"tick",offset:60*e.index,stroke:t.colors[i]};return e.positions.map(function(i,a){return t.renderer.yLine(i,e.labels[a],n)})},animate:function(){}})})}},{key:"getChartComponents",value:function(){var t=this;return this.data.datasets.map(function(e,i){return new gt({layerClass:"dataset-units dataset-"+i,make:function(){var e=t.state.datasets[i],n=t.unitArgs;return t.renderer.setZeroline(e.yAxis.zeroLine),e.positions.map(function(e,a){return t.renderer[n.type](t.state.xAxisPositions[a],e,n.args,t.colors[i],a,i,t.state.datasetLength)})},animate:function(e){var n=t.state.datasets[i],a=t.unitArgs.type,s=t.state.xAxisPositions,r=t.state.datasets[i].positions,o=e[e.length-1],l=o.parentNode;if(t.oldState.xExtra>0)for(var h=0;h<t.oldState.xExtra;h++){var c=o.cloneNode(!0);l.appendChild(c),e.push(c)}t.renderer.setZeroline(n.yAxis.zeroLine),e.map(function(e,n){void 0!==s[n]&&void 0!==r[n]&&t.elementsToAnimate.push(t.renderer["animate"+a](e,s[n],r[n],i,t.state.noOfDatasets))})}})})}}]),e}(_t),At=function(i){function n(t){Z(this,n);var e=tt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t));return e.type="percentage",e.max_slices=10,e.max_legend_points=6,e.setup(),e}return Q(n,i),G(n,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.chartDiv=t.create("div",{className:"div",inside:this.chartWrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.chartDiv})}},{key:"setupLayers",value:function(){this.percentageBar=t.create("div",{className:"progress",inside:this.chart})}},{key:"setup_values",value:function(){var t=this;this.slice_totals=[];var e=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),i=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),i=e.slice(0,this.max_slices-1);var n=0;e.slice(this.max_slices-1).map(function(t){n+=t[0]}),i.push([n,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],i.map(function(e){t.slice_totals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.slice_totals.slice(0,this.max_legend_points)}},{key:"renderComponents",value:function(){var e=this;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0),this.slices=[],this.slice_totals.map(function(i,n){var a=t.create("div",{className:"progress-bar",inside:e.percentageBar,styles:{background:e.colors[n],width:100*i/e.grand_total+"%"}});e.slices.push(a)})}},{key:"bindTooltip",value:function(){var t=this;this.slices.map(function(i,n){i.addEventListener("mouseenter",function(){var a=e(t.chartWrapper),s=e(i),r=s.left-a.left+i.offsetWidth/2,o=s.top-a.top-6,l=(t.formatted_labels&&t.formatted_labels.length>0?t.formatted_labels[n]:t.labels[n])+": ",h=(100*t.slice_totals[n]/t.grand_total).toFixed(1);t.tip.set_values(r,o,l,h+"%"),t.tip.show_tip()})})}},{key:"renderLegend",value:function(){var e=this,i=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legend_totals.map(function(n,a){n&&(t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='<span class="indicator">\n\t\t\t\t\t<i style="background: '+e.colors[a]+'"></i>\n\t\t\t\t\t<span class="text-muted">'+i[a]+":</span>\n\t\t\t\t\t"+n+"\n\t\t\t\t</span>")})}}]),n}(yt),Mt=Math.PI/180,Ct=function(i){function n(t){Z(this,n);var e=tt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t));return e.type="pie",e.elements_to_animate=null,e.hoverRadio=t.hoverRadio||.1,e.max_slices=10,e.max_legend_points=6,e.isAnimate=!1,e.startAngle=t.startAngle||0,e.clockWise=t.clockWise||!1,e.mouseMove=e.mouseMove.bind(e),e.mouseLeave=e.mouseLeave.bind(e),e.setup(),e}return Q(n,i),G(n,[{key:"setup_values",value:function(){var t=this;this.centerX=this.width/2,this.centerY=this.height/2,this.radius=this.height>this.width?this.centerX:this.centerY,this.slice_totals=[];var e=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),i=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),i=e.slice(0,this.max_slices-1);var n=0;e.slice(this.max_slices-1).map(function(t){n+=t[0]}),i.push([n,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],i.map(function(e){t.slice_totals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.slice_totals.slice(0,this.max_legend_points)}},{key:"makeArcPath",value:function(t,e){var i=this.centerX,n=this.centerY,a=this.radius,s=this.clockWise;return"M"+i+" "+n+" L"+(i+t.x)+" "+(n+t.y)+" A "+a+" "+a+" 0 0 "+(s?1:0)+" "+(i+e.x)+" "+(n+e.y)+" z"}},{key:"renderComponents",value:function(t){var e=this,i=this.radius,a=this.clockWise;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0);var s=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var r=180-this.startAngle;this.slice_totals.map(function(o,l){var h=r,c=o/e.grand_total*360,u=a?-c:c,p=r+=u,d=n.getPositionByAngle(h,i),f=n.getPositionByAngle(p,i),v=t&&s[l],y=void 0,g=void 0;t?(y=v?v.startPosition:d,g=v?v.endPosition:d):(y=d,g=f);var x=e.makeArcPath(y,g),k=m(x,"pie-path","none",e.colors[l]);k.style.transition="transform .3s;",e.drawArea.appendChild(k),e.slices.push(k),e.slicesProperties.push({startPosition:d,endPosition:f,value:o,total:e.grand_total,startAngle:h,endAngle:p,angle:u}),t&&e.elements_to_animate.push([{unit:k,array:e.slices,index:e.slices.length-1},{d:e.makeArcPath(d,f)},650,"easein",null,{d:x}])}),t&&D(this.chartWrapper,this.svg,this.elements_to_animate)}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,a=n.getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+a.x*i+"px,"+a.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){P(t,this.calTranslateByAngle(this.slicesProperties[i])),t.style.fill=M(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,h=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.labels[i])+": ",c=(100*this.slice_totals[i]/this.grand_total).toFixed(1);this.tip.set_values(o,l,h,c+"%"),this.tip.show_tip()}else P(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=s}}},{key:"mouseMove",value:function(t){for(var e=t.target,i=this.curActiveSliceIndex,n=this.curActiveSlice,a=0;a<this.slices.length;a++)if(e===this.slices[a]){this.hoverSlice(n,i,!1),this.curActiveSlice=e,this.curActiveSliceIndex=a,this.hoverSlice(e,a,!0,t);break}}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}},{key:"bindTooltip",value:function(){this.drawArea.addEventListener("mousemove",this.mouseMove),this.drawArea.addEventListener("mouseleave",this.mouseLeave)}},{key:"renderLegend",value:function(){var e=this,i=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legend_totals.map(function(n,a){var s=e.colors[a];n&&(t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='<span class="indicator">\n\t\t\t\t\t<i style="background-color:'+s+';"></i>\n\t\t\t\t\t<span class="text-muted">'+i[a]+":</span>\n\t\t\t\t\t"+n+"\n\t\t\t\t</span>")})}}],[{key:"getPositionByAngle",value:function(t,e){return{x:Math.sin(t*Mt)*e,y:Math.cos(t*Mt)*e}}}]),n}(yt),Lt=function(t){function e(t){var i=t.start,n=void 0===i?"":i,a=t.domain,s=void 0===a?"":a,r=t.subdomain,o=void 0===r?"":r,l=t.data,h=void 0===l?{}:l,c=t.discrete_domains,u=void 0===c?0:c,p=t.count_label,d=void 0===p?"":p,f=t.legend_colors,v=void 0===f?[]:f;Z(this,e);var y=tt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,arguments[0]));y.type="heatmap",y.domain=s,y.subdomain=o,y.data=h,y.discrete_domains=u,y.count_label=d;var g=new Date;return y.start=n||q(g,365),v=v.slice(0,5),y.legend_colors=y.validate_colors(v)?v:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],y.distribution_size=5,y.translateX=0,y}return Q(e,t),G(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){C(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"setupConstants",value:function(){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()&&q(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&q(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=B(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"setupLayers",value:function(){this.domain_label_group=this.makeLayer("domain-label-group chart-label"),this.data_groups=this.makeLayer("data-groups","translate(0, 20)")}},{key:"setup_values",value:function(){var t=this;this.domain_label_group.textContent="",this.data_groups.textContent="";var e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=H(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"],this.render_all_weeks_and_store_x_values(this.no_of_cols)}},{key:"render_all_weeks_and_store_x_values",value:function(t){var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;i<t;i++){var n=void 0,a=0,s=new Date(e),r=this.get_week_squares_group(s,this.week_col),o=et(r,2);n=o[0],a=o[1],this.data_groups.appendChild(n),this.week_col+=1+parseInt(this.discrete_domains&&a),this.month_weeks[this.current_month]++,a&&(this.current_month=(this.current_month+1)%12,this.months.push(this.current_month+""),this.month_weeks[this.current_month]=1),q(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=y(this.data_groups,"data-group"),r=0,o=0;o<7;o+=1,r+=12){var l=0,h=0,c=t.getTime()/1e3,u=Math.floor(c-c%86400).toFixed(1);this.data[u]&&(l=this.data[u]),this.data[Math.round(u)]&&(l=this.data[Math.round(u)]),l&&(h=X(l,this.distribution));var p=13+12*(e+a),d={"data-date":F(t),"data-value":l,"data-day":t.getDay()},f=k("day",p,r,10,this.legend_colors[h],d);s.appendChild(f);var v=new Date(t);if(q(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=_("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domain_label_group.appendChild(n)})}},{key:"renderComponents",value:function(){Array.prototype.slice.call(this.container.querySelectorAll(".graph-stats-container, .sub-title, .title")).map(function(t){t.style.display="None"}),this.chartWrapper.style.marginTop="0px",this.chartWrapper.style.paddingTop="0px"}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),n=e.target.getAttribute("data-date").split("-"),a=t.month_names[parseInt(n[1])-1].substring(0,3),s=t.chartWrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-s.left+(o+2)/2,h=r.top-s.top-(o+2)/2,c=i+" "+t.count_label,u=" on "+a+" "+n[0]+", "+n[2];t.tip.set_values(l,h,u,c,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){this.data=t,this.setup_values(),this.bindTooltip()}}]),e}(yt),Ot={mixed:_t,multiaxis:wt,scatter:bt,percentage:At,heatmap:Lt,pie:Ct},Pt=function t(e){return Z(this,t),J(e.type,arguments[0])};return Pt}();
+var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function n(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function a(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function s(t){return parseFloat(t.toFixed(2))}function r(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function o(t,e){return(t+"").length*e}function l(t,e){var i=void 0,n=void 0;return t<=e?(n=t,0===(i=e-t)&&(n-=i=totalHeight*MIN_BAR_PERCENT_HEIGHT)):(i=t-e,n=e),[i,n]}function h(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=r(t,i):e=r(e,i),[t,e]}function c(t,e,i,n){return[t,{transform:i.join(", ")},n,ut,"translate",{transform:e.join(", ")}]}function u(t,e,i){return c(t,[0,i],[0,e],ht)}function p(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function d(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)p(a).appendChild(i);else if("around"===n){var s=p(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":tt(a))&&Object.keys(a).map(function(t){i.style[t]=a[t]}):("className"===n&&(n="class"),"innerHTML"===n?i.textContent=a:i.setAttribute(n,a))}return i}function f(t,e){return d("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function v(t,e,i,n){return d("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function y(t,e,i,n){return d("svg",{className:e,inside:t,width:i,height:n})}function g(t){return d("defs",{inside:t})}function m(t,e){return d("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function x(t){var e=d("g",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:""});return t.forEach(function(t){return e.appendChild(t)}),e}function k(t){return d("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,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e,a=f(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),v(a,"0%",e,s[0]),v(a,"50%",e,s[1]),v(a,"100%",e,s[2]),n}function b(t,e,i,n){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:i,width:n,height:n,fill:1};return Object.keys(a).map(function(t){s[t]=a[t]}),d("rect",s)}function w(t,e,i,n){return d("text",{className:t,x:e,y:i,dy:ft/2+"px","font-size":ft+"px",innerHTML:n})}function A(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=vt);var s=d("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=d("text",{x:0,y:i>n?i+dt:i-dt-ft,dy:ft+"px","font-size":ft+"px","text-anchor":"middle",innerHTML:e}),o=d("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function M(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=vt),a.lineType||(a.lineType="");var s=d("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=d("text",{x:i<n?i-dt:i+dt,y:0,dy:ft/2-2+"px","font-size":ft+"px","text-anchor":i<n?"end":"start",innerHTML:e+""}),o=d("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 C(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=vt),n.className||(n.className="");var a=-1*pt,s="span"===n.mode?i+pt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+pt,s=i),a+=n.offset,s+=n.offset,M(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function L(t){return t>255?255:t<0?0:t}function O(t,e){var i=xt(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=L((a>>16)+e),r=L((a>>8&255)+e),o=L((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function T(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function P(t,e,i){if(t!==e){kt.includes(t)||console.error("'"+t+"' is not a valid chart type."),_t[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=bt[e].includes(t);return new Rt({parent:i.parent,title:i.title,data:i.data,type:t,height:i.height,colors:n?i.colors:void 0})}}function D(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:wt[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 N(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function W(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=D.apply(void 0,ot(t)),l=rt(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 S(t,e,i){if(0!==i.length){var n=W(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},ct)}}function E(t,e,i){return new Mt({parent:t,layerClass:"y axis",constants:e,data:i,makeElements:function(t){var e=this;return t.positions.map(function(i,n){return C(i,t.labels[n],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,n=this.oldData.positions,a=this.oldData.labels,s=h(n,e),r=rt(s,2);n=r[0],e=r[1];var o=h(a,i),l=rt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return u(t,e[i],n[i])})}})}function z(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3],a=arguments.length>4&&void 0!==arguments[4]&&arguments[4],s=t.map(function(t,i){return e[i]+","+t}).join("L"),r=k("M"+s,"line-graph-path",i);if(n){var o=_(this.svgDefs,i);r.style.stroke="url(#"+o+")"}var l=[r];if(a){var h=_(this.svgDefs,i,!0),c=this.state.yAxis.zeroLine,u="M0,"+c+"L"+s+"L"+this.width+","+c;l.push(k(u,"region-fill","none","url(#"+h+")"))}return l}function R(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 j(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 Y(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=R(t),n=rt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=j(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function H(t){function e(t,e){for(var i=Y(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,ot(t)),a=Math.min.apply(Math,ot(t)),s=[];if(n>=0&&a>=0)R(n)[1],s=i?Y(n,a):Y(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(R(n)[1],s=e(n,r)):(R(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);R(o)[1],s=(s=i?Y(o,l):Y(o)).reverse().map(function(t){return-1*t})}return s}function X(t){var e=F(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 U(t,e){for(var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,a=1*(t-i)/e,s=[],r=0;r<=e;r++)s.push(i+a*r);return n?s:s.reverse()}function F(t){return t[1]-t[0]}function B(t){return t[t.length-1]-t[0]}function I(t,e){for(var i=Math.max.apply(Math,ot(t)),n=1/(e-1),a=[],s=0;s<e;s++){var r=i*(n*s);a.push(r)}return a}function q(t,e){return e.filter(function(e){return e<t}).length}function V(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function Z(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(G(t,e)/7)}function G(t,e){return(V(e)-V(t))/864e5}function K(t,e){t.setDate(t.getDate()+e)}function Q(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1];return"line"===t?(e.type="line",new Tt(e)):"bar"===t?(e.type="bar",new Tt(e)):zt[t]?new zt[t](e):void console.error("Undefined chart type: "+t)}!function(t,e){if("undefined"==typeof document)return e;t=t||"";var i=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css",i.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',void 0);var tt="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},et=(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")}),it=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}}(),nt=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)},at=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)},st=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},rt=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")}}(),ot=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":tt(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 lt=function(){function e(t){var i=t.parent,n=void 0===i?null:i,a=t.colors,s=void 0===a?[]:a;et(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 it(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}(),ht=350,ct=250,ut="easein",pt=6,dt=4,ft=10,vt="#dadada",yt=function(){function t(e){et(this,t),this.refreshState(e)}return it(t,[{key:"refreshState",value:function(t){this.totalHeight=t.totalHeight,this.totalWidth=t.totalWidth,this.zeroLine=t.zeroLine,this.unitWidth=t.unitWidth,this.xAxisMode=t.xAxisMode,this.yAxisMode=t.yAxisMode}},{key:"setZeroline",value:function(t){this.zeroLine=t}},{key:"xLine",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};i.pos||(i.pos="bottom"),i.offset||(i.offset=0),i.mode||(i.mode="span"),i.stroke||(i.stroke=vt),i.className||(i.className="");var n=this.totalHeight+pt,a="span"===i.mode?-1*pt:this.totalHeight;return"tick"===i.mode&&"top"===i.pos&&(n=-1*pt,a=0),A(t,e,n,a,{stroke:i.stroke,className:i.className,lineType:i.lineType})}},{key:"xMarker",value:function(){}},{key:"yMarker",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=d("text",{className:"chart-label",x:this.totalWidth-o(e,5)-dt,y:t-ft-2,dy:ft/2+"px","font-size":ft+"px","text-anchor":"start",innerHTML:e+""}),a=M(t,"",0,this.totalWidth,{stroke:i.stroke||vt,className:i.className||"",lineType:i.lineType});return a.appendChild(n),a}},{key:"xRegion",value:function(){return d("rect",{className:"bar mini",style:"fill: rgba(228, 234, 239, 0.49)",x:0,y:y2,width:this.totalWidth,height:y1-y2})}},{key:"yRegion",value:function(t,e,i){var n=d("rect",{className:"bar mini",style:"fill: rgba(228, 234, 239, 0.49)",x:0,y:e,width:this.totalWidth,height:t-e}),a=d("line",{className:"line-horizontal",x1:0,x2:this.totalWidth,y1:e,y2:e,styles:{stroke:vt}}),s=d("line",{className:"line-horizontal",x1:0,x2:this.totalWidth,y1:t,y2:t,styles:{stroke:vt}}),r=d("text",{className:"chart-label",x:this.totalWidth-o(i,4.5)-dt,y:e-ft-2,dy:ft/2+"px","font-size":ft+"px","text-anchor":"start",innerHTML:i+""}),l=d("g",{});return l.appendChild(n),l.appendChild(a),l.appendChild(s),l.appendChild(r),l}},{key:"animatebar",value:function(t,e,i,n,a){var s=e-this.avgUnitWidth/4,r=this.avgUnitWidth/2/a,o=l(i,this.zeroLine,this.totalHeight),h=rt(o,2);return e=s+r*n,[t,{width:r,height:h[0],x:e,y:h[1]},350,ut]}},{key:"animatedot",value:function(t,e,i){return[t,{cx:e,cy:i},350,ut]}},{key:"animatepath",value:function(t,e){var i=[],n=[t[0],{d:"M"+e},350,ut];if(i.push(n),t[1]){var a="0,"+this.zeroLine+"L",s="L"+this.totalWidth+", "+this.zeroLine,r=[t[1],{d:"M"+a+e+s},350,ut];i.push(r)}return i}}]),t}(),gt={"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"},mt=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta"],xt=function(t){return gt[t]||t},kt=["line","scatter","bar","percentage","heatmap","pie"],_t={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:[]},bt={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},wt={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"},At=function(){function e(t){var i=t.height,n=void 0===i?240:i,a=t.title,s=void 0===a?"":a,r=t.subtitle,o=void 0===r?"":r,l=(t.colors,t.isNavigable),h=void 0===l?0:l,c=(t.showLegend,t.type,t.parent);et(this,e),this.rawChartArgs=arguments[0],this.parent="string"==typeof c?document.querySelector(c):c,this.title=s,this.subtitle=o,this.argHeight=n,this.isNavigable=h,this.isNavigable&&(this.currentIndex=0),this.configure(arguments[0])}return it(e,[{key:"configure",value:function(t){this.setColors(),this.config={showTooltip:1,showLegend:1,isNavigable:0,animate:0},this.state={colors:this.colors}}},{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=mt:this.colors=t.colors,this.colors=this.colors.map(function(t){return xt(t)})}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-40,this.translateY=20,this.setHorizontalMargin()}},{key:"setHorizontalMargin",value:function(){this.translateXLeft=60,this.translateXRight=40}},{key:"validate",value:function(){return this.parent?!!this.parseData():(console.error("No parent element to render on was provided."),!1)}},{key:"parseData",value:function(){var t=this.rawChartArgs.data;if(!this.checkData(t))return!1;if(this.config.animate){var e=this.getFirstUpdateData(t),i=rt(e,2);this.data=i[0],this.firstUpdateData=i[1]}else this.data=t;return!0}},{key:"checkData",value:function(){}},{key:"getFirstUpdateData",value:function(){}},{key:"setup",value:function(){this.validate()&&this._setup()}},{key:"_setup",value:function(){this.bindWindowEvents(),this.setupConstants(),this.setMargins(),this.makeContainer(),this.makeTooltip(),this.calcWidth(),this.makeChartArea(),this.setupComponents(),this.draw(!0)}},{key:"bindWindowEvents",value:function(){var t=this;window.addEventListener("resize orientationchange",function(){return t.draw()})}},{key:"setupConstants",value:function(){}},{key:"setupComponents",value:function(){this.components=[]}},{key:"makeContainer",value:function(){this.container=t.create("div",{className:"chart-container",innerHTML:'<h6 class="title">'+this.title+'</h6>\n\t\t\t\t<h6 class="sub-title uppercase">'+this.subtitle+'</h6>\n\t\t\t\t<div class="frappe-chart graphics"></div>\n\t\t\t\t<div class="graph-stats-container"></div>'}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new lt({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.components.forEach(function(t){return t.make()}),this.renderLegend(),this.setupNavigation(e),setTimeout(function(){t.update()},1e3)}},{key:"calcWidth",value:function(){this.baseWidth=a(this.parent)-0,this.width=this.baseWidth-(this.translateXLeft+this.translateXRight)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.prepareData(t),this.calc(),this.refreshRenderer(),this.render()}},{key:"prepareData",value:function(){}},{key:"renderConstants",value:function(){}},{key:"calc",value:function(){}},{key:"refreshRenderer",value:function(){this.renderer={}}},{key:"render",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refreshComponents(),this.elementsToAnimate=[].concat.apply([],this.components.map(function(e){return e.update(t)})),console.log(this.elementsToAnimate),this.elementsToAnimate&&S(this.chartWrapper,this.svg,this.elementsToAnimate)}},{key:"refreshComponents",value:function(){}},{key:"makeChartArea",value:function(){this.svg=y(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=g(this.svg),this.drawArea=m(this.svg,this.type+"-chart","translate("+this.translateXLeft+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.isNavigable||(this.makeOverlay(),e&&(this.bindOverlay(),document.addEventListener("keydown",function(e){n(t.chartWrapper)&&("37"==(e=e||window.event).keyCode?t.onLeftArrow():"39"==e.keyCode?t.onRightArrow():"38"==e.keyCode?t.onUpArrow():"40"==e.keyCode?t.onDownArrow():"13"==e.keyCode&&t.onEnterKey())})))}},{key:"makeOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bind_units",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(){}},{key:"updateDataset",value:function(t,e){}},{key:"updateDatasets",value:function(t){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"updateDataPoint",value:function(t){}},{key:"getDifferentChart",value:function(t){return P(t,this.type,this.rawChartArgs)}}]),e}(),Mt=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,s=void 0===a?"":a,r=e.parent,o=e.constants,l=e.data,h=e.preMake,c=e.makeElements,u=e.postMake,p=e.animateElements;et(this,t),this.parent=r,this.layerClass=n,this.layerTransform=s,this.constants=o,this.preMake=h,this.makeElements=c,this.postMake=u,this.animateElements=p,this.store=[],this.layer=m(this.parent,this.layerClass,this.layerTransform),this.data=l,this.make()}return it(t,[{key:"refresh",value:function(t){this.data=t}},{key:"make",value:function(){this.preMake&&this.preMake(),this.render(this.data),this.postMake&&this.postMake(),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=this,e=[];return(!(arguments.length>0&&void 0!==arguments[0])||arguments[0])&&(e=this.animateElements(this.data)),setTimeout(function(){t.make()},1400),e}}]),t}(),Ct=function(){function t(e){et(this,t),this.meta=e||{},this.setupArgs()}return it(t,[{key:"setupArgs",value:function(){this.consts={}}},{key:"setup",value:function(){}},{key:"refreshMeta",value:function(t){this.meta=Object.assign(this.meta||{},t)}},{key:"draw",value:function(){}},{key:"animate",value:function(){}}]),t}(),Lt=(function(t){function e(t){return et(this,e),st(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}at(e,t),it(e,[{key:"draw",value:function(t,e,i,n){return d("circle",{style:"fill: "+i,"data-point-index":n,cx:t,cy:e,r:this.consts.radius})}},{key:"animate",value:function(t,e,i){return[t,{cx:e,cy:i},350,ut]}}])}(Ct),function(t){function e(t){return et(this,e),st(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return at(e,t),it(e,[{key:"setupArgs",value:function(){this.consts={spaceRatio:.5,minHeight:.01*this.meta.totalHeight}}},{key:"refreshMeta",value:function(t){t&&nt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"refreshMeta",this).call(this,t);var i=this.meta;this.consts.barsWidth=i.unitWidth-i.unitWidth*this.consts.spaceRatio,this.consts.width=this.consts.barsWidth/(i.options&&i.options.stacked?i.options.stacked:i.noOfDatasets)}},{key:"draw",value:function(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=l(e,this.meta.zeroLine),o=rt(r,2),h=o[0],c=o[1],u=d("rect",{className:"bar mini",style:"fill: "+i,"data-point-index":a,x:t-this.consts.barsWidth/2,y:c-s,width:this.consts.width,height:h||this.consts.minHeight});return n||n.length?x([u,d("text",{className:"data-point-value",x:t,y:c-s,dy:ft/2*-1+"px","font-size":ft+"px","text-anchor":"middle",innerHTML:n})]):u}},{key:"animate",value:function(t,e,i,n,a){var s=e-this.meta.unitWidth/4,r=this.meta.unitWidth/2/a,o=l(i,this.meta.zeroLine,this.meta.totalHeight),h=rt(o,2);return e=s+r*n,[t,{width:r,height:h[0],x:e,y:h[1]},350,ut]}}]),e}(Ct)),Ot=function(t){function e(t){return et(this,e),st(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return at(e,t),it(e,[{key:"setupArgs",value:function(){this.consts={radius:this.meta.dotSize||4}}},{key:"draw",value:function(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",a=d("circle",{style:"fill: "+i,"data-point-index":arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,cx:t,cy:e,r:this.consts.radius});return n||n.length?x([a,d("text",{className:"data-point-value",x:t,y:e,dy:ft/2*-1-this.consts.radius+"px","font-size":ft+"px","text-anchor":"middle",innerHTML:n})]):a}},{key:"animate",value:function(t,e,i){return[t,{cx:e,cy:i},350,ut]}}]),e}(Ct),Tt=function(t){function i(t){et(this,i);var e=st(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t));return e.isSeries=t.isSeries,e.valuesOverPoints=t.valuesOverPoints,e.formatTooltipY=t.formatTooltipY,e.formatTooltipX=t.formatTooltipX,e.barOptions=t.barOptions,e.lineOptions=t.lineOptions,e.type=t.type||"line",e.xAxisMode=t.xAxisMode||"span",e.yAxisMode=t.yAxisMode||"span",e.setupUnitRenderer(),e.zeroLine=e.height,e.preSetup(),e.setup(),e}return at(i,t),it(i,[{key:"configure",value:function(t){nt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this),this.config.xAxisMode=t.xAxisMode,this.config.yAxisMode=t.yAxisMode}},{key:"preSetup",value:function(){}},{key:"setupUnitRenderer",value:function(){var t=this.rawChartArgs.options;this.unitRenderers={bar:new Lt(t),line:new Ot(t)}}},{key:"setHorizontalMargin",value:function(){this.translateXLeft=60,this.translateXRight=60}},{key:"checkData",value:function(t){return!0}},{key:"getFirstUpdateData",value:function(t){}},{key:"setupConstants",value:function(){var t=this;this.state={xAxisLabels:[],xAxisPositions:[],xAxisMode:this.config.xAxisMode,yAxisMode:this.config.yAxisMode},this.data.datasets.map(function(e){e.chartType||(e.chartType=t.type)}),this.prepareYAxis()}},{key:"prepareData",value:function(t){var e=this.state;e.xAxisLabels=t.labels||[],e.datasetLength=e.xAxisLabels.length;var i=new Array(e.datasetLength).fill(0);e.datasets=t.datasets,t.datasets||(e.datasets=[{values:i}]),e.datasets.map(function(t,n){var a=t.values;a=a?(a=a.map(function(t){return isNaN(t)?0:t})).length>e.datasetLength?a.slice(0,e.datasetLength):r(a,e.datasetLength-a.length,0):i,t.index=n}),e.noOfDatasets=e.datasets.length,e.yMarkers=t.yMarkers,e.yRegions=t.yRegions}},{key:"prepareYAxis",value:function(){this.state.yAxis={labels:[],positions:[]}}},{key:"calc",value:function(){var t=this.state;t.xAxisLabels=this.data.labels,this.calcXPositions(),t.datasetsLabels=this.data.datasets.map(function(t){return t.name}),this.setYAxis(),this.calcYUnits(),this.calcYMaximums(),this.calcYRegions(),this.configUnits()}},{key:"setYAxis",value:function(){this.calcYAxisParameters(this.state.yAxis,this.getAllYValues(),"line"===this.type),this.state.zeroLine=this.state.yAxis.zeroLine}},{key:"calcXPositions",value:function(){var t=this.state;this.setUnitWidthAndXOffset(),t.xAxisPositions=t.xAxisLabels.map(function(e,i){return s(t.xOffset+i*t.unitWidth)}),t.xUnitPositions=new Array(t.noOfDatasets).fill(t.xAxisPositions)}},{key:"calcYAxisParameters",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"false";t.labels=H(e,i);var n=t.labels;t.scaleMultiplier=this.height/B(n);var a=F(n)*t.scaleMultiplier;t.zeroLine=this.height-X(n)*a,t.positions=n.map(function(e){return t.zeroLine-e*t.scaleMultiplier})}},{key:"calcYUnits",value:function(){var t=this.state;t.datasets.map(function(e){e.positions=e.values.map(function(e){return s(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})}),this.barOptions&&this.barOptions.stacked&&t.datasets.map(function(e,i){e.cumulativePositions=e.cumulativeYs.map(function(e){return s(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})})}},{key:"calcYMaximums",value:function(){var t=this.state;if(this.barOptions&&this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativePositions);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.positions.map(function(e,i){e<t.yExtremes[i]&&(t.yExtremes[i]=e)})})}},{key:"calcYRegions",value:function(){var t=this.state;t.yMarkers&&(t.yMarkers=t.yMarkers.map(function(e){return e.value=s(t.yAxis.zeroLine-e.value*t.yAxis.scaleMultiplier),e})),t.yRegions&&(t.yRegions=t.yRegions.map(function(e){return e.start=s(t.yAxis.zeroLine-e.start*t.yAxis.scaleMultiplier),e.end=s(t.yAxis.zeroLine-e.end*t.yAxis.scaleMultiplier),e}))}},{key:"configUnits",value:function(){}},{key:"setUnitWidthAndXOffset",value:function(){this.state.unitWidth=this.width/this.state.datasetLength,this.state.xOffset=this.state.unitWidth/2}},{key:"getAllYValues",value:function(){var t,e=this,i="values";if(this.barOptions&&this.barOptions.stacked){i="cumulativeYs";var n=new Array(this.state.datasetLength).fill(0);this.state.datasets.map(function(t,a){var s=e.state.datasets[a].values;t[i]=n=n.map(function(t,e){return t+s[e]})})}return(t=[]).concat.apply(t,ot(this.state.datasets.map(function(t){return t[i]})))}},{key:"calcIntermedState",value:function(){}},{key:"setupValues",value:function(){}},{key:"setupComponents",value:function(){this.yAxis=E(this.drawArea,{mode:this.yAxisMode,width:this.width},{positions:U(this.height,4,0,0),labels:U(this.height,4,0,0).map(function(t){return t+""})}),this.components=[this.yAxis]}},{key:"refreshComponents",value:function(){this.refreshYAxis()}},{key:"refreshYAxis",value:function(){var t=this.state;this.yAxis.refresh({positions:t.yAxis.positions,labels:t.yAxis.labels})}},{key:"getXAxisComponents",value:function(){var t=this;return new ChartComponent({layerClass:"x axis",setData:function(){var e=t.state;return[{positions:e.xAxisPositions,labels:e.xAxisLabels},{mode:t.xAxisMode,height:t.height}]},makeElements:function(){var e=t.state;return e.xAxisPositions.map(function(i,n){return xLine(i,e.xAxisLabels[n],t.constants.height)})},animate:function(e){var i=t.state.xAxisPositions,n=t.oldState.xAxisPositions;t.oldState.xExtra=i.length-n.length;var a=e[e.length-1],s=a.parentNode,r=h(n,i),o=rt(r,2);if(n=o[0],i=o[1],t.oldState.xExtra>0)for(var l=0;l<t.oldState.xExtra;l++){var c=a.cloneNode(!0);s.appendChild(c),e.push(c)}e.map(function(e,a){t.elementsToAnimate.push(t.renderer.translateVertLine(e,i[a],n[a]))})}})}},{key:"getChartComponents",value:function(){var t=this,e=[];return this.data.datasets.forEach(function(i,n){"line"===i.chartType&&e.push(t.getPathComponent(i,n));var a=t.unitRenderers[i.chartType];e.push(t.getDataUnitComponent(n,a))}),e}},{key:"getChartLabels",value:function(){return[]}},{key:"getDataUnitComponent",value:function(t,e){var i=this;return new ChartComponent({layerClass:"dataset-units dataset-"+t,setData:function(){},preMake:function(){},makeElements:function(){var n=i.state.datasets[t];return n.positions.map(function(a,s){return e.draw(i.state.xAxisPositions[s],a,i.colors[t],i.valuesOverPoints?i.barOptions&&i.barOptions.stacked?n.cumulativeYs[s]:n.values[s]:"",s,a-(n.cumulativePositions?n.cumulativePositions[s]:a))})},postMake:function(){var i=this;"bar"!==this.meta.type||this.meta.barOptions&&this.meta.barOptions.stacked||function(){i.layer.setAttribute("transform","translate("+e.consts.width*t+", 0)")}()},animate:function(n){var a=i.state.xAxisPositions,s=i.state.datasets[t].positions,r=n[n.length-1],o=r.parentNode;if(i.oldState.xExtra>0)for(var l=0;l<i.oldState.xExtra;l++){var h=r.cloneNode(!0);o.appendChild(h),n.push(h)}n.map(function(n,r){void 0!==a[r]&&void 0!==s[r]&&i.elementsToAnimate.push(e.animate(n,a[r],s[r],t,i.state.noOfDatasets))})}})}},{key:"getPathComponent",value:function(t,e){var i=this;return new ChartComponent({layerClass:"path dataset-path",setData:function(){},makeElements:function(){var t=i.state.datasets[e],n=i.colors[e];return z(t.positions,i.state.xAxisPositions,n,i.config.heatline,i.config.regionFill)},animate:function(t){var n=i.state.xAxisPositions,a=i.state.datasets[e].positions,s=i.oldState.xAxisPositions,r=i.oldState.datasets[e].positions,o=t[0].parentNode,l=h(s,n),c=rt(l,2);s=c[0],n=c[1];var u=h(r,a),p=rt(u,2);r=p[0],a=p[1],i.oldState.xExtra>0&&(t=z(r,s,i.colors[e],i.config.heatline,i.config.regionFill),o.textContent="",t.map(function(t){return o.appendChild(t)}));var d=a.map(function(t,e){return n[e]+","+t});i.elementsToAnimate=i.elementsToAnimate.concat(i.renderer.animatepath(t,d.join("L")))}})}},{key:"getYMarkerLines",value:function(){var t=this;return this.data.yMarkers?this.data.yMarkers.map(function(e,i){return new ChartComponent({layerClass:"y-markers",setData:function(){},makeElements:function(){return t.state.yMarkers.map(function(e){return t.renderer.yMarker(e.value,e.name,{pos:"right",mode:"span",lineType:e.type})})},animate:function(){}})}):[]}},{key:"getYRegions",value:function(){var t=this;return this.data.yRegions?this.data.yRegions.map(function(e,i){return new ChartComponent({layerClass:"y-regions",setData:function(){},makeElements:function(){return t.state.yRegions.map(function(e){return t.renderer.yRegion(e.start,e.end,e.name)})},animate:function(){}})}):[]}},{key:"refreshRenderer",value:function(){var t=this,e={totalHeight:this.height,totalWidth:this.width,xAxisMode:this.config.xAxisMode,yAxisMode:this.config.yAxisMode,zeroLine:this.state.zeroLine,unitWidth:this.state.unitWidth};this.renderer?this.renderer.refreshState(e):this.renderer=new yt(e);var i={totalHeight:this.height,totalWidth:this.width,zeroLine:this.state.zeroLine,unitWidth:this.state.unitWidth,noOfDatasets:this.state.noOfDatasets};i=Object.assign(i,this.rawChartArgs.options),Object.keys(this.unitRenderers).map(function(e){i.options=t[e+"Options"],t.unitRenderers[e].refreshMeta(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.translateXLeft;i.pageY-n.top-t.translateY<t.height+2*t.translateY?t.mapTooltipXPosition(a):t.tip.hide_tip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this,i=this.state;if(i.yExtremes){var n=i.xAxisLabels;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.xAxisPositions[s];if(t>r-i.unitWidth/2){var o=r+this.translateXLeft,l=i.yExtremes[s]+this.translateY,h=i.datasets.map(function(t,i){return{title:t.title,value:a?e.formatTooltipY(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.set_values(o,l,n[s],"",h),this.tip.show_tip();break}}}}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.current_index,e={index:t},i=this.y[0];return["svg_units","yUnitPositions","values"].map(function(n){var a=n.slice(0,n.length-1);e[a]=i[n][t]}),e.label=this.xAxisLabels[t],e}},{key:"setCurrentDataPoint",value:function(t){(t=parseInt(t))<0&&(t=0),t>=this.xAxisLabels.length&&(t=this.xAxisLabels.length-1),t!==this.current_index&&(this.current_index=t,$.fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;nt(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;nt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}}]),i}(At),Pt=function(t){function e(t){et(this,e);var i=st(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="scatter",t.dotRadius?i.dotRadius=t.dotRadius:i.dotRadius=8,i.setup(),i}return at(e,t),it(e,[{key:"setup_values",value:function(){nt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_values",this).call(this),this.unit_args={type:"dot",args:{radius:this.dotRadius}}}},{key:"make_paths",value:function(){}},{key:"make_path",value:function(){}}]),e}(function(t){function e(t){et(this,e);var i=st(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="line",Object.getPrototypeOf(i)!==e.prototype?st(i):(i.setup(),i)}return at(e,t),it(e,[{key:"configure",value:function(t){nt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.xAxisMode=t.xAxisMode||"span",this.config.yAxisMode=t.yAxisMode||"span",this.config.dotRadius=t.dotRadius||4,this.config.heatline=t.heatline||0,this.config.regionFill=t.regionFill||0,this.config.showDots=t.showDots||1}},{key:"configUnits",value:function(){this.unitArgs={type:"dot",args:{radius:this.config.dotRadius}}}},{key:"setUnitWidthAndXOffset",value:function(){this.state.unitWidth=this.width/(this.state.datasetLength-1),this.state.xOffset=0}}]),e}(Tt)),Dt=function(t){function e(t){return et(this,e),st(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return at(e,t),it(e,[{key:"preSetup",value:function(){this.type="multiaxis"}},{key:"setHorizontalMargin",value:function(){var t=this.data.datasets.filter(function(t){return"left"===t.axisPosition}).length;this.translateXLeft=60*t||60,this.translateXRight=60*(this.data.datasets.length-t)||60}},{key:"prepareYAxis",value:function(){}},{key:"prepareData",value:function(t){nt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"prepareData",this).call(this,t);var i=0,n=0;this.state.datasets.forEach(function(t,e){t.yAxis={position:t.axisPosition,index:"left"===t.axisPosition?i++:n++}})}},{key:"configure",value:function(t){nt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.xAxisMode=t.xAxisMode||"tick",this.config.yAxisMode=t.yAxisMode||"span"}},{key:"configUnits",value:function(){this.unitArgs={type:"bar",args:{spaceWidth:this.state.unitWidth/2}}}},{key:"setYAxis",value:function(){var t=this;this.state.datasets.map(function(e){t.calcYAxisParameters(e.yAxis,e.values,"line"===t.unitType)})}},{key:"calcYUnits",value:function(){this.state.datasets.map(function(t){t.positions=t.values.map(function(e){return s(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})})}},{key:"renderConstants",value:function(){var t=this;this.state.datasets.map(function(e){var n="left"===e.yAxis.position?-1*e.yAxis.index*60:t.width+60*e.yAxis.index;t.renderer.xLine(n,"",{pos:"top",mode:"span",stroke:t.colors[i],className:"y-axis-guide"})})}},{key:"getYAxesComponents",value:function(){var t=this;return this.data.datasets.map(function(e,i){return new ChartComponent({layerClass:"y axis y-axis-"+i,make:function(){var e=t.state.datasets[i].yAxis;t.renderer.setZeroline(e.zeroline);var n={pos:e.position,mode:"tick",offset:60*e.index,stroke:t.colors[i]};return e.positions.map(function(i,a){return t.renderer.yLine(i,e.labels[a],n)})},animate:function(){}})})}},{key:"getChartComponents",value:function(){var t=this;return this.data.datasets.map(function(e,i){return new ChartComponent({layerClass:"dataset-units dataset-"+i,make:function(){var e=t.state.datasets[i],n=t.unitArgs;return t.renderer.setZeroline(e.yAxis.zeroLine),e.positions.map(function(e,a){return t.renderer[n.type](t.state.xAxisPositions[a],e,n.args,t.colors[i],a,i,t.state.datasetLength)})},animate:function(e){var n=t.state.datasets[i],a=t.unitArgs.type,s=t.state.xAxisPositions,r=t.state.datasets[i].positions,o=e[e.length-1],l=o.parentNode;if(t.oldState.xExtra>0)for(var h=0;h<t.oldState.xExtra;h++){var c=o.cloneNode(!0);l.appendChild(c),e.push(c)}t.renderer.setZeroline(n.yAxis.zeroLine),e.map(function(e,n){void 0!==s[n]&&void 0!==r[n]&&t.elementsToAnimate.push(t.renderer["animate"+a](e,s[n],r[n],i,t.state.noOfDatasets))})}})})}}]),e}(Tt),Nt=function(e){function i(t){et(this,i);var e=st(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t));return e.type="percentage",e.max_slices=10,e.max_legend_points=6,e.setup(),e}return at(i,e),it(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.chartDiv=t.create("div",{className:"div",inside:this.chartWrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.chartDiv})}},{key:"setupLayers",value:function(){this.percentageBar=t.create("div",{className:"progress",inside:this.chart})}},{key:"setup_values",value:function(){var t=this;this.slice_totals=[];var e=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),i=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),i=e.slice(0,this.max_slices-1);var n=0;e.slice(this.max_slices-1).map(function(t){n+=t[0]}),i.push([n,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],i.map(function(e){t.slice_totals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.slice_totals.slice(0,this.max_legend_points)}},{key:"renderComponents",value:function(){var e=this;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0),this.slices=[],this.slice_totals.map(function(i,n){var a=t.create("div",{className:"progress-bar",inside:e.percentageBar,styles:{background:e.colors[n],width:100*i/e.grand_total+"%"}});e.slices.push(a)})}},{key:"calc",value:function(){}}]),i}(At),Wt=Math.PI/180,St=function(i){function n(t){et(this,n);var e=st(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t));return e.type="pie",e.elements_to_animate=null,e.hoverRadio=t.hoverRadio||.1,e.max_slices=10,e.max_legend_points=6,e.isAnimate=!1,e.startAngle=t.startAngle||0,e.clockWise=t.clockWise||!1,e.mouseMove=e.mouseMove.bind(e),e.mouseLeave=e.mouseLeave.bind(e),e.setup(),e}return at(n,i),it(n,[{key:"setup_values",value:function(){var t=this;this.centerX=this.width/2,this.centerY=this.height/2,this.radius=this.height>this.width?this.centerX:this.centerY,this.slice_totals=[];var e=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),i=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),i=e.slice(0,this.max_slices-1);var n=0;e.slice(this.max_slices-1).map(function(t){n+=t[0]}),i.push([n,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],i.map(function(e){t.slice_totals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.slice_totals.slice(0,this.max_legend_points)}},{key:"makeArcPath",value:function(t,e){var i=this.centerX,n=this.centerY,a=this.radius,s=this.clockWise;return"M"+i+" "+n+" L"+(i+t.x)+" "+(n+t.y)+" A "+a+" "+a+" 0 0 "+(s?1:0)+" "+(i+e.x)+" "+(n+e.y)+" z"}},{key:"renderComponents",value:function(t){var e=this,i=this.radius,a=this.clockWise;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0);var s=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var r=180-this.startAngle;this.slice_totals.map(function(o,l){var h=r,c=o/e.grand_total*360,u=a?-c:c,p=r+=u,d=n.getPositionByAngle(h,i),f=n.getPositionByAngle(p,i),v=t&&s[l],y=void 0,g=void 0;t?(y=v?v.startPosition:d,g=v?v.endPosition:d):(y=d,g=f);var m=e.makeArcPath(y,g),x=k(m,"pie-path","none",e.colors[l]);x.style.transition="transform .3s;",e.drawArea.appendChild(x),e.slices.push(x),e.slicesProperties.push({startPosition:d,endPosition:f,value:o,total:e.grand_total,startAngle:h,endAngle:p,angle:u}),t&&e.elements_to_animate.push([{unit:x,array:e.slices,index:e.slices.length-1},{d:e.makeArcPath(d,f)},650,"easein",null,{d:m}])}),t&&S(this.chartWrapper,this.svg,this.elements_to_animate)}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,a=n.getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+a.x*i+"px,"+a.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){N(t,this.calTranslateByAngle(this.slicesProperties[i])),t.style.fill=O(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,h=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.labels[i])+": ",c=(100*this.slice_totals[i]/this.grand_total).toFixed(1);this.tip.set_values(o,l,h,c+"%"),this.tip.show_tip()}else N(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=s}}},{key:"mouseMove",value:function(t){for(var e=t.target,i=this.curActiveSliceIndex,n=this.curActiveSlice,a=0;a<this.slices.length;a++)if(e===this.slices[a]){this.hoverSlice(n,i,!1),this.curActiveSlice=e,this.curActiveSliceIndex=a,this.hoverSlice(e,a,!0,t);break}}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}},{key:"bindTooltip",value:function(){this.drawArea.addEventListener("mousemove",this.mouseMove),this.drawArea.addEventListener("mouseleave",this.mouseLeave)}},{key:"renderLegend",value:function(){var e=this,i=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legend_totals.map(function(n,a){var s=e.colors[a];n&&(t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='<span class="indicator">\n\t\t\t\t\t<i style="background-color:'+s+';"></i>\n\t\t\t\t\t<span class="text-muted">'+i[a]+":</span>\n\t\t\t\t\t"+n+"\n\t\t\t\t</span>")})}}],[{key:"getPositionByAngle",value:function(t,e){return{x:Math.sin(t*Wt)*e,y:Math.cos(t*Wt)*e}}}]),n}(At),Et=function(t){function e(t){var i=t.start,n=void 0===i?"":i,a=t.domain,s=void 0===a?"":a,r=t.subdomain,o=void 0===r?"":r,l=t.data,h=void 0===l?{}:l,c=t.discrete_domains,u=void 0===c?0:c,p=t.count_label,d=void 0===p?"":p,f=t.legend_colors,v=void 0===f?[]:f;et(this,e);var y=st(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,arguments[0]));y.type="heatmap",y.domain=s,y.subdomain=o,y.data=h,y.discrete_domains=u,y.count_label=d;var g=new Date;return y.start=n||K(g,365),v=v.slice(0,5),y.legend_colors=y.validate_colors(v)?v:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],y.distribution_size=5,y.translateX=0,y}return at(e,t),it(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){T(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"setupConstants",value:function(){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()&&K(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&K(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:"setupLayers",value:function(){this.domain_label_group=this.makeLayer("domain-label-group chart-label"),this.data_groups=this.makeLayer("data-groups","translate(0, 20)")}},{key:"setup_values",value:function(){var t=this;this.domain_label_group.textContent="",this.data_groups.textContent="";var e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=I(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"],this.render_all_weeks_and_store_x_values(this.no_of_cols)}},{key:"render_all_weeks_and_store_x_values",value:function(t){var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;i<t;i++){var n=void 0,a=0,s=new Date(e),r=this.get_week_squares_group(s,this.week_col),o=rt(r,2);n=o[0],a=o[1],this.data_groups.appendChild(n),this.week_col+=1+parseInt(this.discrete_domains&&a),this.month_weeks[this.current_month]++,a&&(this.current_month=(this.current_month+1)%12,this.months.push(this.current_month+""),this.month_weeks[this.current_month]=1),K(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=m(this.data_groups,"data-group"),r=0,o=0;o<7;o+=1,r+=12){var l=0,h=0,c=t.getTime()/1e3,u=Math.floor(c-c%86400).toFixed(1);this.data[u]&&(l=this.data[u]),this.data[Math.round(u)]&&(l=this.data[Math.round(u)]),l&&(h=q(l,this.distribution));var p=13+12*(e+a),d={"data-date":Z(t),"data-value":l,"data-day":t.getDay()},f=b("day",p,r,10,this.legend_colors[h],d);s.appendChild(f);var v=new Date(t);if(K(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=w("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domain_label_group.appendChild(n)})}},{key:"renderComponents",value:function(){Array.prototype.slice.call(this.container.querySelectorAll(".graph-stats-container, .sub-title, .title")).map(function(t){t.style.display="None"}),this.chartWrapper.style.marginTop="0px",this.chartWrapper.style.paddingTop="0px"}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),n=e.target.getAttribute("data-date").split("-"),a=t.month_names[parseInt(n[1])-1].substring(0,3),s=t.chartWrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-s.left+(o+2)/2,h=r.top-s.top-(o+2)/2,c=i+" "+t.count_label,u=" on "+a+" "+n[0]+", "+n[2];t.tip.set_values(l,h,u,c,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){this.data=t,this.setup_values(),this.bindTooltip()}}]),e}(At),zt={mixed:Tt,multiaxis:Dt,scatter:Pt,percentage:Nt,heatmap:Et,pie:St},Rt=function t(e){return et(this,t),Q(e.type,arguments[0])};return Rt}();
+//# 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
new file mode 100644
index 0000000..746fed6
--- /dev/null
+++ b/dist/frappe-charts.min.iife.js.map
@@ -0,0 +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/objects/ChartComponents.js","../src/js/objects/AxisChartControllers.js","../src/js/utils/intervals.js","../src/js/utils/date-utils.js","../src/js/chart.js","../src/js/objects/SvgTip.js","../src/js/charts/BaseChart.js","../src/js/charts/AxisChart.js","../src/js/utils/margins.js","../src/js/charts/ScatterChart.js","../src/js/charts/LineChart.js","../src/js/charts/MultiAxisChart.js","../src/js/charts/PercentageChart.js","../src/js/charts/PieChart.js","../src/js/charts/Heatmap.js"],"sourcesContent":["export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n        rect.left >= 0 &&\n        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n        rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n","/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\n\t\t// In case of invisible bars\n\t\tif(height === 0) {\n\t\t\theight = totalHeight * MIN_BAR_PERCENT_HEIGHT;\n\t\t\ty -= height;\n\t\t}\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textra_count=array2.length - array1.length) {\n\n\tif(extra_count > 0) {\n\t\tarray1 = fillArray(array1, extra_count);\n\t} else {\n\t\tarray2 = fillArray(array2, extra_count);\n\t}\n\treturn [array1, array2];\n}\n\n// let char_width = 8;\n// let allowed_space = avgUnitWidth * 1.5;\n// let allowed_letters = allowed_space / 8;\n\n// return values.map((value, i) => {\n// \tlet space_taken = getStringWidth(value, char_width) + 2;\n// \tif(space_taken > allowed_space) {\n// \t\tif(isSeries) {\n// \t\t\t// Skip some axis lines if X axis is a series\n// \t\t\tlet skips = 1;\n// \t\t\twhile((space_taken/skips)*2 > allowed_space) {\n// \t\t\t\tskips++;\n// \t\t\t}\n// \t\t\tif(i % skips !== 0) {\n// \t\t\t\treturn;\n// \t\t\t}\n// \t\t} else {\n// \t\t\tvalue = value.slice(0, allowed_letters-3) + \" ...\";\n// \t\t}\n// \t}\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: oldCoord.join(', ')}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport var Animator = (function() {\n\tvar Animator = function(totalHeight, totalWidth, zeroLine, avgUnitWidth) {\n\t\t// constants\n\t\tthis.totalHeight = totalHeight;\n\t\tthis.totalWidth = totalWidth;\n\n\t\t// changeables\n\t\tthis.avgUnitWidth = avgUnitWidth;\n\t\tthis.zeroLine = zeroLine;\n\t};\n\n\tAnimator.prototype = {\n\t\tbar: function(barObj, x, yTop, index, noOfDatasets) {\n\t\t\tlet start = x - this.avgUnitWidth/4;\n\t\t\tlet width = (this.avgUnitWidth/2)/noOfDatasets;\n\t\t\tlet [height, y] = getBarHeightAndYAttr(yTop, this.zeroLine, this.totalHeight);\n\n\t\t\tx = start + (width * index);\n\n\t\t\treturn [barObj, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING];\n\t\t\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t\t},\n\n\t\tdot: function(dotObj, x, yTop) {\n\t\t\treturn [dotObj, {cx: x, cy: yTop}, UNIT_ANIM_DUR, STD_EASING];\n\t\t\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t\t},\n\n\t\tpath: function(d, pathStr) {\n\t\t\tlet pathComponents = [];\n\t\t\tconst animPath = [{unit: d.path, object: d, key: 'path'}, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\t\t\tpathComponents.push(animPath);\n\n\t\t\tif(d.regionPath) {\n\t\t\t\tlet regStartPt = `0,${this.zeroLine}L`;\n\t\t\t\tlet regEndPt = `L${this.totalWidth}, ${this.zeroLine}`;\n\n\t\t\t\tconst animRegion = [\n\t\t\t\t\t{unit: d.regionPath, object: d, key: 'regionPath'},\n\t\t\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\t\t\tPATH_ANIM_DUR,\n\t\t\t\t\tSTD_EASING\n\t\t\t\t];\n\t\t\t\tpathComponents.push(animRegion);\n\t\t\t}\n\n\t\t\treturn pathComponents;\n\t\t}\n\t};\n\n\treturn Animator;\n})();\n\n\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from './animate';\n\n/*\n\n<filter id=\"glow\" x=\"-10%\" y=\"-10%\" width=\"120%\" height=\"120%\">\n\t<feGaussianBlur stdDeviation=\"0.5 0.5\" result=\"glow\"></feGaussianBlur>\n\t<feMerge>\n\t\t<feMergeNode in=\"glow\"></feMergeNode>\n\t\t<feMergeNode in=\"glow\"></feMergeNode>\n\t\t<feMergeNode in=\"glow\"></feMergeNode>\n\t</feMerge>\n</filter>\n\n    filter: url(#glow);\n    fill: #fff;\n\n*/\n\nconst AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst BASE_BG_COLOR = '#F7FAFC';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(parent, className, transform='') {\n\treturn createSVG('g', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\ttransform: transform\n\t});\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none') {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill\n\t\t}\n\t});\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color;\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\n\tlet opacities = [1, 0.6, 0.2];\n\tif(lighter) {\n\t\topacities = [0.4, 0.2, 0];\n\t}\n\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\n\n\treturn gradientId;\n}\n\nexport function makeHeatSquare(className, x, y, size, fill='none', data={}) {\n\tlet args = {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: size,\n\t\theight: size,\n\t\tfill: 1\n\t};\n\n\tObject.keys(data).map(key => {\n\t\targs[key] = data[key];\n\t});\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function makeText(className, x, y, content) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH\n\t\tx2 = width;\n\t}\n\n\tlet offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport class AxisChartRenderer {\n\tconstructor(state) {\n\t\tthis.refreshState(state);\n\t}\n\n\trefreshState(state) {\n\t\tthis.totalHeight = state.totalHeight;\n\t\tthis.totalWidth = state.totalWidth;\n\t\tthis.zeroLine = state.zeroLine;\n\t\tthis.unitWidth = state.unitWidth;\n\t\tthis.xAxisMode = state.xAxisMode;\n\t\tthis.yAxisMode = state.yAxisMode;\n\t}\n\n\tsetZeroline(zeroLine) {\n\t\tthis.zeroLine = zeroLine;\n\t}\n\n\txLine(x, label, options={}) {\n\t\tif(!options.pos) options.pos = 'bottom';\n\t\tif(!options.offset) options.offset = 0;\n\t\tif(!options.mode) options.mode = 'span';\n\t\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\t\tif(!options.className) options.className = '';\n\n\t\t// Draw X axis line in span/tick mode with optional label\n\t\t//                        \ty2(span)\n\t\t// \t\t\t\t\t\t|\n\t\t// \t\t\t\t\t\t|\n\t\t//\t\t\t\tx line\t|\n\t\t//\t\t\t\t\t\t|\n\t\t// \t\t\t\t\t   \t|\n\t\t// ---------------------+-- y2(tick)\n\t\t//\t\t\t\t\t\t|\n\t\t//\t\t\t\t\t\t\ty1\n\n\t\tlet y1 = this.totalHeight + AXIS_TICK_LENGTH;\n\t\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : this.totalHeight;\n\n\t\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t\t// top axis ticks\n\t\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\t\ty2 = 0;\n\t\t}\n\n\t\treturn makeVertLine(x, label, y1, y2, {\n\t\t\tstroke: options.stroke,\n\t\t\tclassName: options.className,\n\t\t\tlineType: options.lineType\n\t\t});\n\t}\n\n\n\n\n\txMarker() {}\n\tyMarker(y, label, options={}) {\n\t\tlet labelSvg = createSVG('text', {\n\t\t\tclassName: 'chart-label',\n\t\t\tx: this.totalWidth - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\t\ty: y - FONT_SIZE - 2,\n\t\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'start',\n\t\t\tinnerHTML: label+\"\"\n\t\t});\n\n\t\tlet line = makeHoriLine(y, '', 0, this.totalWidth, {\n\t\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\t\tclassName: options.className || '',\n\t\t\tlineType: options.lineType\n\t\t});\n\n\t\tline.appendChild(labelSvg);\n\n\t\treturn line;\n\t}\n\n\txRegion() {\n\t\treturn createSVG('rect', {\n\t\t\tclassName: `bar mini`, // remove class\n\t\t\tstyle: `fill: rgba(228, 234, 239, 0.49)`,\n\t\t\t// 'data-point-index': index,\n\t\t\tx: 0,\n\t\t\ty: y2,\n\t\t\twidth: this.totalWidth,\n\t\t\theight: y1 - y2\n\t\t});\n\n\t\treturn region;\n\t}\n\n\tyRegion(y1, y2, label) {\n\t\t// return a group\n\n\t\tlet rect = createSVG('rect', {\n\t\t\tclassName: `bar mini`, // remove class\n\t\t\tstyle: `fill: rgba(228, 234, 239, 0.49)`,\n\t\t\t// 'data-point-index': index,\n\t\t\tx: 0,\n\t\t\ty: y2,\n\t\t\twidth: this.totalWidth,\n\t\t\theight: y1 - y2\n\t\t});\n\n\t\tlet upperBorder = createSVG('line', {\n\t\t\tclassName: 'line-horizontal',\n\t\t\tx1: 0,\n\t\t\tx2: this.totalWidth,\n\t\t\ty1: y2,\n\t\t\ty2: y2,\n\t\t\tstyles: {\n\t\t\t\tstroke: BASE_LINE_COLOR\n\t\t\t}\n\t\t});\n\t\tlet lowerBorder = createSVG('line', {\n\t\t\tclassName: 'line-horizontal',\n\t\t\tx1: 0,\n\t\t\tx2: this.totalWidth,\n\t\t\ty1: y1,\n\t\t\ty2: y1,\n\t\t\tstyles: {\n\t\t\t\tstroke: BASE_LINE_COLOR\n\t\t\t}\n\t\t});\n\n\t\tlet labelSvg = createSVG('text', {\n\t\t\tclassName: 'chart-label',\n\t\t\tx: this.totalWidth - getStringWidth(label, 4.5) - LABEL_MARGIN,\n\t\t\ty: y2 - FONT_SIZE - 2,\n\t\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'start',\n\t\t\tinnerHTML: label+\"\"\n\t\t});\n\n\t\tlet region = createSVG('g', {});\n\n\t\tregion.appendChild(rect);\n\t\tregion.appendChild(upperBorder);\n\t\tregion.appendChild(lowerBorder);\n\t\tregion.appendChild(labelSvg);\n\n\t\treturn region;\n\t}\n\n\tanimatebar(bar, x, yTop, index, noOfDatasets) {\n\t\tlet start = x - this.avgUnitWidth/4;\n\t\tlet width = (this.avgUnitWidth/2)/noOfDatasets;\n\t\tlet [height, y] = getBarHeightAndYAttr(yTop, this.zeroLine, this.totalHeight);\n\n\t\tx = start + (width * index);\n\n\t\treturn [bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING];\n\t\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t}\n\n\tanimatedot(dot, x, yTop) {\n\t\treturn [dot, {cx: x, cy: yTop}, UNIT_ANIM_DUR, STD_EASING];\n\t\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t}\n\n\tanimatepath(paths, pathStr) {\n\t\tlet pathComponents = [];\n\t\tconst animPath = [paths[0], {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\t\tpathComponents.push(animPath);\n\n\t\tif(paths[1]) {\n\t\t\tlet regStartPt = `0,${this.zeroLine}L`;\n\t\t\tlet regEndPt = `L${this.totalWidth}, ${this.zeroLine}`;\n\n\t\t\tconst animRegion = [\n\t\t\t\tpaths[1],\n\t\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\t\tPATH_ANIM_DUR,\n\t\t\t\tSTD_EASING\n\t\t\t];\n\t\t\tpathComponents.push(animRegion);\n\t\t}\n\n\t\treturn pathComponents;\n\t}\n}\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nexport const DEFAULT_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta'];\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import Chart from './chart';\n\nconst ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nconst COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tscatter: ['line', 'bar', 'percentage', 'pie'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\n// Needs structure as per only labels/datasets\nconst COLOR_COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter'],\n\tline: ['scatter', 'bar'],\n\tpie: ['percentage'],\n\tscatter: ['line', 'bar'],\n\tpercentage: ['pie'],\n\theatmap: []\n};\n\nexport function getDifferentChart(type, current_type, args) {\n\tif(type === current_type) return;\n\n\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t}\n\n\tif(!COMPATIBLE_CHARTS[current_type].includes(type)) {\n\t\tconsole.error(`'${current_type}' chart cannot be converted to a '${type}' chart.`);\n\t}\n\n\t// whether the new chart can use the existing colors\n\tconst useColor = COLOR_COMPATIBLE_CHARTS[current_type].includes(type);\n\n\t// Okay, this is anticlimactic\n\t// this function will need to actually be 'changeChartType(type)'\n\t// that will update only the required elements, but for now ...\n\treturn new Chart({\n\t\tparent: args.parent,\n\t\ttitle: args.title,\n\t\tdata: args.data,\n\t\ttype: type,\n\t\theight: args.height,\n\t\tcolors: useColor ? args.colors : undefined\n\t});\n}","// Leveraging SMIL Animations\n\nimport { REPLACE_ALL_NEW_DUR } from './animate';\n\nconst EASING = {\n\tease: \"0.25 0.1 0.25 1\",\n\tlinear: \"0 0 1 1\",\n\t// easein: \"0.42 0 1 1\",\n\teasein: \"0.1 0.8 0.2 1\",\n\teaseout: \"0 0 0.58 1\",\n\teaseinout: \"0.42 0 0.58 1\"\n};\n\nfunction animateSVGElement(element, props, dur, easingType=\"linear\", type=undefined, oldValues={}) {\n\n\tlet animElement = element.cloneNode(true);\n\tlet newElement = element.cloneNode(true);\n\n\tfor(var attributeName in props) {\n\t\tlet animateElement;\n\t\tif(attributeName === 'transform') {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\n\t\t} else {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\n\t\t}\n\t\tlet currentValue = oldValues[attributeName] || element.getAttribute(attributeName);\n\t\tlet value = props[attributeName];\n\n\t\tlet animAttr = {\n\t\t\tattributeName: attributeName,\n\t\t\tfrom: currentValue,\n\t\t\tto: value,\n\t\t\tbegin: \"0s\",\n\t\t\tdur: dur/1000 + \"s\",\n\t\t\tvalues: currentValue + \";\" + value,\n\t\t\tkeySplines: EASING[easingType],\n\t\t\tkeyTimes: \"0;1\",\n\t\t\tcalcMode: \"spline\",\n\t\t\tfill: 'freeze'\n\t\t};\n\n\t\tif(type) {\n\t\t\tanimAttr[\"type\"] = type;\n\t\t}\n\n\t\tfor (var i in animAttr) {\n\t\t\tanimateElement.setAttribute(i, animAttr[i]);\n\t\t}\n\n\t\tanimElement.appendChild(animateElement);\n\n\t\tif(type) {\n\t\t\tnewElement.setAttribute(attributeName, `translate(${value})`);\n\t\t} else {\n\t\t\tnewElement.setAttribute(attributeName, value);\n\t\t}\n\t}\n\n\treturn [animElement, newElement];\n}\n\nexport function transform(element, style) { // eslint-disable-line no-unused-vars\n\telement.style.transform = style;\n\telement.style.webkitTransform = style;\n\telement.style.msTransform = style;\n\telement.style.mozTransform = style;\n\telement.style.oTransform = style;\n}\n\nfunction animateSVG(svgContainer, elements) {\n\tlet newElements = [];\n\tlet animElements = [];\n\n\telements.map(element => {\n\t\tlet unit = element[0];\n\t\tlet parent = unit.parentNode;\n\n\t\tlet animElement, newElement;\n\n\t\telement[0] = unit;\n\t\t[animElement, newElement] = animateSVGElement(...element);\n\n\t\tnewElements.push(newElement);\n\t\tanimElements.push([animElement, parent]);\n\n\t\tparent.replaceChild(animElement, unit);\n\t});\n\n\tlet animSvg = svgContainer.cloneNode(true);\n\n\tanimElements.map((animElement, i) => {\n\t\tanimElement[1].replaceChild(newElements[i], animElement[0]);\n\t\telements[i][0] = newElements[i];\n\t});\n\n\treturn animSvg;\n}\n\nexport function runSMILAnimation(parent, svgElement, elementsToAnimate) {\n\tif(elementsToAnimate.length === 0) return;\n\n\tlet animSvgElement = animateSVG(svgElement, elementsToAnimate);\n\tif(svgElement.parentNode == parent) {\n\t\tparent.removeChild(svgElement);\n\t\tparent.appendChild(animSvgElement);\n\n\t}\n\n\t// Replace the new svgElement (data has already been replaced)\n\tsetTimeout(() => {\n\t\tif(animSvgElement.parentNode == parent) {\n\t\t\tparent.removeChild(animSvgElement);\n\t\t\tparent.appendChild(svgElement);\n\t\t}\n\t}, REPLACE_ALL_NEW_DUR);\n}\n","import { makeSVGGroup } from '../utils/draw';\nimport { yLine } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { Animator, translateHoriLine } from '../utils/animate';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tparent,\n\t\tconstants,\n\t\tdata,\n\n\t\t// called on update\n\t\tpreMake,\n\t\tmakeElements,\n\t\tpostMake,\n\t\tanimateElements\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.preMake = preMake;\n\t\tthis.makeElements = makeElements;\n\t\tthis.postMake = postMake;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\t\tthis.layer = makeSVGGroup(this.parent, this.layerClass, this.layerTransform);\n\n\t\tthis.data = data;\n\n\t\tthis.make();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data;\n\t}\n\n\tmake() {\n\t\tthis.preMake && this.preMake();\n\t\tthis.render(this.data);\n\t\tthis.postMake && this.postMake();\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tlet animateElements = []\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data);\n\t\t}\n\t\t// TODO: Can we remove this?\n\t\tsetTimeout(() => {\n\t\t\tthis.make();\n\t\t}, 1400);\n\t\treturn animateElements;\n\t}\n}\n\nexport function getYAxisComponent(parent, constants, initData) {\n\treturn new ChartComponent({\n\t\tparent: parent,\n\t\tlayerClass: 'y axis',\n\t\tconstants: constants,\n\t\tdata: initData,\n\t\tmakeElements: function(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: function(newData) {\n\t\t\tlet newPos =  newData.positions;\n\t\t\tlet newLabels =  newData.labels;\n\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\tlet extra = newPos.length - oldPos.length;\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","import { getBarHeightAndYAttr } from '../utils/draw-utils';\nimport { createSVG, makePath, makeGradient, wrapInSVGGroup, FONT_SIZE } from '../utils/draw';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from '../utils/animate';\n\nconst MIN_BAR_PERCENT_HEIGHT = 0.01;\n\nclass AxisChartController {\n\tconstructor(meta) {\n\t\t// TODO: make configurable passing args\n\t\tthis.meta = meta || {};\n\t\tthis.setupArgs();\n\t}\n\n\tsetupArgs() {\n\t\tthis.consts = {};\n\t}\n\n\tsetup() {}\n\n\trefreshMeta(meta) {\n\t\tthis.meta = Object.assign((this.meta || {}), meta);\n\t}\n\n\tdraw() {}\n\tanimate() {}\n}\n\nexport class AxisController extends AxisChartController {\n\tconstructor(meta) {\n\t\tsuper(meta);\n\t}\n\n\tdraw(x, y, color, index) {\n\t\treturn createSVG('circle', {\n\t\t\tstyle: `fill: ${color}`,\n\t\t\t'data-point-index': index,\n\t\t\tcx: x,\n\t\t\tcy: y,\n\t\t\tr: this.consts.radius\n\t\t});\n\t}\n\n\tanimate(dot, x, yTop) {\n\t\treturn [dot, {cx: x, cy: yTop}, UNIT_ANIM_DUR, STD_EASING];\n\t\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t}\n}\n\nexport class BarChartController extends AxisChartController {\n\tconstructor(meta) {\n\t\tsuper(meta);\n\t}\n\n\tsetupArgs() {\n\t\tthis.consts = {\n\t\t\tspaceRatio: 0.5,\n\t\t\tminHeight: this.meta.totalHeight * MIN_BAR_PERCENT_HEIGHT\n\t\t};\n\t}\n\n\trefreshMeta(meta) {\n\t\tif(meta) {\n\t\t\tsuper.refreshMeta(meta);\n\t\t}\n\t\tlet m = this.meta;\n\t\tthis.consts.barsWidth = m.unitWidth - m.unitWidth * this.consts.spaceRatio;\n\n\t\tthis.consts.width = this.consts.barsWidth / (m.options && m.options.stacked\n\t\t\t? m.options.stacked : m.noOfDatasets);\n\t}\n\n\tdraw(x, yTop, color, label='', index=0, offset=0) {\n\t\tlet [height, y] = getBarHeightAndYAttr(yTop, this.meta.zeroLine);\n\n\t\tlet rect = createSVG('rect', {\n\t\t\tclassName: `bar mini`,\n\t\t\tstyle: `fill: ${color}`,\n\t\t\t'data-point-index': index,\n\t\t\tx: x - this.consts.barsWidth/2,\n\t\t\ty: y - offset,\n\t\t\twidth: this.consts.width,\n\t\t\theight: height || this.consts.minHeight\n\t\t});\n\n\t\tif(!label && !label.length) {\n\t\t\treturn rect;\n\t\t} else {\n\t\t\tlet text = createSVG('text', {\n\t\t\t\tclassName: 'data-point-value',\n\t\t\t\tx: x,\n\t\t\t\ty: y - offset,\n\t\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t\t'text-anchor': 'middle',\n\t\t\t\tinnerHTML: label\n\t\t\t});\n\n\t\t\treturn wrapInSVGGroup([rect, text]);\n\t\t}\n\t}\n\n\tanimate(bar, x, yTop, index, noOfDatasets) {\n\t\tlet start = x - this.meta.unitWidth/4;\n\t\tlet width = (this.meta.unitWidth/2)/noOfDatasets;\n\t\tlet [height, y] = getBarHeightAndYAttr(yTop, this.meta.zeroLine, this.meta.totalHeight);\n\n\t\tx = start + (width * index);\n\n\t\treturn [bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING];\n\t\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t}\n}\n\nexport class LineChartController extends AxisChartController {\n\tconstructor(meta) {\n\t\tsuper(meta);\n\t}\n\n\tsetupArgs() {\n\t\tthis.consts = {\n\t\t\tradius: this.meta.dotSize || 4\n\t\t};\n\t}\n\n\tdraw(x, y, color, label='', index=0) {\n\t\tlet dot = createSVG('circle', {\n\t\t\tstyle: `fill: ${color}`,\n\t\t\t'data-point-index': index,\n\t\t\tcx: x,\n\t\t\tcy: y,\n\t\t\tr: this.consts.radius\n\t\t});\n\n\t\tif(!label && !label.length) {\n\t\t\treturn dot;\n\t\t} else {\n\t\t\tlet text = createSVG('text', {\n\t\t\t\tclassName: 'data-point-value',\n\t\t\t\tx: x,\n\t\t\t\ty: y,\n\t\t\t\tdy: (FONT_SIZE / 2 * -1 - this.consts.radius) + 'px',\n\t\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t\t'text-anchor': 'middle',\n\t\t\t\tinnerHTML: label\n\t\t\t});\n\n\t\t\treturn wrapInSVGGroup([dot, text]);\n\t\t}\n\t}\n\n\tanimate(dot, x, yTop) {\n\t\treturn [dot, {cx: x, cy: yTop}, UNIT_ANIM_DUR, STD_EASING];\n\t\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t}\n}\n\nexport function getPaths(yList, xList, color, heatline=false, regionFill=false) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(heatline) {\n\t\tlet gradient_id = makeGradient(this.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet components = [path];\n\n\t// Region\n\tif(regionFill) {\n\t\tlet gradient_id_region = makeGradient(this.svgDefs, color, true);\n\n\t\tlet zeroLine = this.state.yAxis.zeroLine;\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `0,${zeroLine}L` + pointsStr + `L${this.width},${zeroLine}`;\n\t\tcomponents.push(makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`));\n\t}\n\n\treturn components;\n}\n\n// class BarChart extends AxisChart {\n// \tconstructor(args) {\n// \t\tsuper(args);\n// \t\tthis.type = 'bar';\n// \t\tthis.setup();\n// \t}\n\n// \tconfigure(args) {\n// \t\tsuper.configure(args);\n// \t\tthis.config.xAxisMode = args.xAxisMode || 'tick';\n// \t\tthis.config.yAxisMode = args.yAxisMode || 'span';\n// \t}\n\n// \t// =================================\n\n// \tmakeOverlay() {\n// \t\t// Just make one out of the first element\n// \t\tlet index = this.xAxisLabels.length - 1;\n// \t\tlet unit = this.y[0].svg_units[index];\n// \t\tthis.setCurrentDataPoint(index);\n\n// \t\tif(this.overlay) {\n// \t\t\tthis.overlay.parentNode.removeChild(this.overlay);\n// \t\t}\n// \t\tthis.overlay = unit.cloneNode();\n// \t\tthis.overlay.style.fill = '#000000';\n// \t\tthis.overlay.style.opacity = '0.4';\n// \t\tthis.drawArea.appendChild(this.overlay);\n// \t}\n\n// \tbindOverlay() {\n// \t\t// on event, update overlay\n// \t\tthis.parent.addEventListener('data-select', (e) => {\n// \t\t\tthis.update_overlay(e.svg_unit);\n// \t\t});\n// \t}\n\n// \tbind_units(units_array) {\n// \t\tunits_array.map(unit => {\n// \t\t\tunit.addEventListener('click', () => {\n// \t\t\t\tlet index = unit.getAttribute('data-point-index');\n// \t\t\t\tthis.setCurrentDataPoint(index);\n// \t\t\t});\n// \t\t});\n// \t}\n\n// \tupdate_overlay(unit) {\n// \t\tlet attributes = [];\n// \t\tObject.keys(unit.attributes).map(index => {\n// \t\t\tattributes.push(unit.attributes[index]);\n// \t\t});\n\n// \t\tattributes.filter(attr => attr.specified).map(attr => {\n// \t\t\tthis.overlay.setAttribute(attr.name, attr.nodeValue);\n// \t\t});\n\n// \t\tthis.overlay.style.fill = '#000000';\n// \t\tthis.overlay.style.opacity = '0.4';\n// \t}\n\n// \tonLeftArrow() {\n// \t\tthis.setCurrentDataPoint(this.currentIndex - 1);\n// \t}\n\n// \tonRightArrow() {\n// \t\tthis.setCurrentDataPoint(this.currentIndex + 1);\n// \t}\n// }\n\n","function normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","// Playing around with dates\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(dateStr) {\n\tlet result = new Date(dateStr);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getDdMmYyyy(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\t(dd>9 ? '' : '0') + dd,\n\t\t(mm>9 ? '' : '0') + mm,\n\t\tdate.getFullYear()\n\t].join('-');\n}\n\nexport function getWeeksBetween(startDateStr, endDateStr) {\n\treturn Math.ceil(getDaysBetween(startDateStr, endDateStr) / 7);\n}\n\nexport function getDaysBetween(startDateStr, endDateStr) {\n\tlet millisecondsPerDay = 24 * 60 * 60 * 1000;\n\treturn (treatAsUtc(endDateStr) - treatAsUtc(startDateStr)) / millisecondsPerDay;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n\n// export function getMonthName() {}\n","import '../scss/charts.scss';\n\nimport ScatterChart from './charts/ScatterChart';\nimport MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\n\n// if (ENV !== 'production') {\n// \t// Enable LiveReload\n// \tdocument.write(\n// \t\t'<script src=\"http://' + (location.host || 'localhost').split(':')[0] +\n// \t\t':35729/livereload.js?snipver=1\"></' + 'script>'\n// \t);\n// }\n\n// If type is bar\n\n\n\n\nconst chartTypes = {\n\tmixed: AxisChart,\n\tmultiaxis: MultiAxisChart,\n\tscatter: ScatterChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', options) {\n\tdebugger;\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](options);\n}\n\nexport default class Chart {\n\tconstructor(args) {\n\t\treturn getChartByType(args.type, arguments[0]);\n\t}\n}\n","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.title_name = '';\n\t\tthis.title_value = '';\n\t\tthis.list_values = [];\n\t\tthis.title_value_first = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.make_tooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calc_position();\n\t\t// this.show_tip();\n\t}\n\n\tmake_tooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `<span class=\"title\"></span>\n\t\t\t\t<ul class=\"data-point-list\"></ul>\n\t\t\t\t<div class=\"svg-pointer\"></div>`\n\t\t});\n\t\tthis.hide_tip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.data_point_list = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hide_tip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.title_value_first) {\n\t\t\ttitle = `<strong>${this.title_value}</strong>${this.title_name}`;\n\t\t} else {\n\t\t\ttitle = `${this.title_name}<strong>${this.title_value}</strong>`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.data_point_list.innerHTML = '';\n\n\t\tthis.list_values.map((set, i) => {\n\t\t\tconst color = this.colors[i] || 'black';\n\n\t\t\tlet li = $.create('li', {\n\t\t\t\tstyles: {\n\t\t\t\t\t'border-top': `3px solid ${color}`\n\t\t\t\t},\n\t\t\t\tinnerHTML: `<strong style=\"display: block;\">${ set.value === 0 || set.value ? set.value : '' }</strong>\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.data_point_list.appendChild(li);\n\t\t});\n\t}\n\n\tcalc_position() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - width/2;\n\t\tlet max_left = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > max_left) {\n\t\t\tlet delta = this.left - max_left;\n\t\t\tlet pointer_offset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointer_offset;\n\n\t\t\tthis.left = max_left;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tset_values(x, y, title_name = '', title_value = '', list_values = [], title_value_first = 0) {\n\t\tthis.title_name = title_name;\n\t\tthis.title_value = title_value;\n\t\tthis.list_values = list_values;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.title_value_first = title_value_first;\n\t\tthis.refresh();\n\t}\n\n\thide_tip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshow_tip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup } from '../utils/draw';\nimport { getStringWidth } from '../utils/helpers';\nimport { getColor, DEFAULT_COLORS } from '../utils/colors';\nimport { getDifferentChart } from '../config';\nimport { runSMILAnimation } from '../utils/animation';\n\nexport default class BaseChart {\n\tconstructor({\n\t\theight = 240,\n\n\t\ttitle = '',\n\t\tsubtitle = '',\n\t\tcolors = [],\n\n\t\tisNavigable = 0,\n\t\tshowLegend = 1,\n\n\t\ttype = '',\n\n\t\tparent,\n\t\tdata\n\t}) {\n\t\tthis.rawChartArgs = arguments[0];\n\n\t\tthis.parent = typeof parent === 'string' ? document.querySelector(parent) : parent;\n\t\tthis.title = title;\n\t\tthis.subtitle = subtitle;\n\t\tthis.argHeight = height;\n\n\t\tthis.isNavigable = isNavigable;\n\t\tif(this.isNavigable) {\n\t\t\tthis.currentIndex = 0;\n\t\t}\n\n\t\tthis.configure(arguments[0]);\n\t}\n\n\tconfigure(args) {\n\t\t// Make a this.config, that has stuff like showTooltip,\n\t\t// showLegend, which then all functions will check\n\n\t\tthis.setColors();\n\n\t\t// constants\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: 1,\n\t\t\tisNavigable: 0,\n\t\t\t// animate: 1\n\t\t\tanimate: 0\n\t\t};\n\n\t\tthis.state = {\n\t\t\tcolors: this.colors\n\t\t};\n\t}\n\n\tsetColors() {\n\t\tlet args = this.rawChartArgs;\n\n\t\t// Needs structure as per only labels/datasets, from config\n\t\tconst list = args.type === 'percentage' || args.type === 'pie'\n\t\t\t? args.data.labels\n\t\t\t: args.data.datasets;\n\n\t\tif(!args.colors || (list && args.colors.length < list.length)) {\n\t\t\tthis.colors = DEFAULT_COLORS;\n\t\t} else {\n\t\t\tthis.colors = args.colors;\n\t\t}\n\n\t\tthis.colors = this.colors.map(color => getColor(color));\n\t}\n\n\tsetMargins() {\n\t\t// TODO: think for all\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - 40; // change\n\t\tthis.translateY = 20;\n\n\t\tthis.setHorizontalMargin();\n\t}\n\n\tsetHorizontalMargin() {\n\t\tthis.translateXLeft = 60;\n\t\tthis.translateXRight = 40;\n\t}\n\n\tvalidate(){\n\t\tlet args = this.rawChartArgs;\n\t\t// Now yo have the args, set this stuff only after validating\n\t\tif(!this.parent) {\n\t\t\tconsole.error(\"No parent element to render on was provided.\");\n\t\t\treturn false;\n\t\t}\n\t\tif(!this.parseData()) {\n\t\t\treturn false;\n\t\t}\n\t\treturn true;\n\t}\n\n\tparseData() {\n\t\tlet data = this.rawChartArgs.data;\n\t\tlet valid = this.checkData(data);\n\t\tif(!valid) return false;\n\n\t\tif(!this.config.animate) {\n\t\t\tthis.data = data;\n\t\t} else {\n\t\t\t[this.data, this.firstUpdateData] =\n\t\t\t\tthis.getFirstUpdateData(data);\n\t\t}\n\t\treturn true;\n\t}\n\n\tcheckData() {}\n\tgetFirstUpdateData() {}\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.bindWindowEvents();\n\t\tthis.setupConstants();\n\n\t\tthis.setMargins();\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip(); // without binding\n\n\t\tthis.calcWidth();\n\t\tthis.makeChartArea();\n\t\tthis.setupComponents();\n\n\t\tthis.draw(true);\n\t}\n\n\tbindWindowEvents() {\n\t\twindow.addEventListener('resize orientationchange', () => this.draw());\n\t}\n\n\tsetupConstants() {}\n\n\tsetupComponents() {\n\t\t// Components config\n\t\tthis.components = [];\n\t}\n\n\tmakeContainer() {\n\t\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `<h6 class=\"title\">${this.title}</h6>\n\t\t\t\t<h6 class=\"sub-title uppercase\">${this.subtitle}</h6>\n\t\t\t\t<div class=\"frappe-chart graphics\"></div>\n\t\t\t\t<div class=\"graph-stats-container\"></div>`\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chartWrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.statsWrapper = this.container.querySelector('.graph-stats-container');\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chartWrapper,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(init=false) {\n\t\tthis.components.forEach(c => c.make()); // or c.build()\n\t\tthis.renderLegend();\n\n\t\tthis.setupNavigation(init);\n\n\t\t// TODO: remove timeout and decrease post animate time in chart component\n\t\tsetTimeout(() => {this.update();}, 1000);\n\t}\n\n\tcalcWidth() {\n\t\tlet outerAnnotationsWidth = 0;\n\t\t// let charWidth = 8;\n\t\t// this.specificValues.map(val => {\n\t\t// \tlet strWidth = getStringWidth((val.title + \"\"), charWidth);\n\t\t// \tif(strWidth > outerAnnotationsWidth) {\n\t\t// \t\touterAnnotationsWidth = strWidth - 40;\n\t\t// \t}\n\t\t// });\n\t\tthis.baseWidth = getElementContentWidth(this.parent) - outerAnnotationsWidth;\n\t\tthis.width = this.baseWidth - (this.translateXLeft + this.translateXRight);\n\t}\n\n\tupdate(data=this.data) {\n\t\tthis.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.refreshRenderer();\n\t\tthis.render();\n\t}\n\n\tprepareData() {}\n\n\trenderConstants() {}\n\n\tcalc() {} // builds state\n\n\trefreshRenderer() {\n\t\tthis.renderer = {};\n\t}\n\n\trender(animate=true) {\n\t\tthis.refreshComponents();\n\t\tthis.elementsToAnimate = [].concat.apply([], this.components.map(c => c.update(animate)));\n\t\tconsole.log(this.elementsToAnimate);\n\t\tif(this.elementsToAnimate) {\n\t\t\trunSMILAnimation(this.chartWrapper, this.svg, this.elementsToAnimate);\n\t\t}\n\t}\n\n\trefreshComponents() {}\n\n\tmakeChartArea() {\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.chartWrapper,\n\t\t\t'chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\t// I WISH !!!\n\t\t// this.svg = makeSVGGroup(\n\t\t// \tsvgContainer,\n\t\t// \t'flipped-coord-system',\n\t\t// \t`translate(0, ${this.baseHeight}) scale(1, -1)`\n\t\t// );\n\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.translateXLeft}, ${this.translateY})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(this.isNavigable) return;\n\n\t\tthis.makeOverlay();\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.chartWrapper)) {\n\t\t\t\t\te = e || window.event;\n\n\t\t\t\t\tif (e.keyCode == '37') {\n\t\t\t\t\t\tthis.onLeftArrow();\n\t\t\t\t\t} else if (e.keyCode == '39') {\n\t\t\t\t\t\tthis.onRightArrow();\n\t\t\t\t\t} else if (e.keyCode == '38') {\n\t\t\t\t\t\tthis.onUpArrow();\n\t\t\t\t\t} else if (e.keyCode == '40') {\n\t\t\t\t\t\tthis.onDownArrow();\n\t\t\t\t\t} else if (e.keyCode == '13') {\n\t\t\t\t\t\tthis.onEnterKey();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tbindOverlay() {}\n\tbind_units() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\t// updateData() {\n\t// \tupdate();\n\t// }\n\n\tgetDataPoint() {}\n\tsetCurrentDataPoint() {}\n\n\n\t// Update the data here, then do relevant updates\n\t// and drawing in child classes by overriding\n\t// The Child chart will only know what a particular update means\n\t// and what components are affected,\n\t// BaseChart shouldn't be doing the animating\n\n\tupdateDataset(dataset, index) {}\n\n\tupdateDatasets(datasets) {\n\t\t//\n\t}\n\n\taddDataset(dataset, index) {}\n\n\tremoveDataset(index = 0) {}\n\n\taddDataPoint(dataPoint, index = 0) {}\n\n\tremoveDataPoint(index = 0) {}\n\n\tupdateDataPoint(dataPoint, index = 0) {}\n\n\n\n\tgetDifferentChart(type) {\n\t\treturn getDifferentChart(type, this.type, this.rawChartArgs);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { Y_AXIS_MARGIN } from '../utils/margins';\nimport { getYAxisComponent } from '../objects/ChartComponents';\nimport { BarChartController, LineChartController, getPaths } from '../objects/AxisChartControllers';\nimport { AxisChartRenderer } from '../utils/draw';\nimport { getOffset, fire } from '../utils/dom';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { Animator, translateHoriLine } from '../utils/animate';\nimport { runSMILAnimation } from '../utils/animation';\nimport { getRealIntervals, calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex } from '../utils/intervals';\nimport { floatTwo, fillArray } from '../utils/helpers';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\t\tthis.isSeries = args.isSeries;\n\t\tthis.valuesOverPoints = args.valuesOverPoints;\n\t\tthis.formatTooltipY = args.formatTooltipY;\n\t\tthis.formatTooltipX = args.formatTooltipX;\n\t\tthis.barOptions = args.barOptions;\n\t\tthis.lineOptions = args.lineOptions;\n\t\tthis.type = args.type || 'line';\n\n\t\tthis.xAxisMode = args.xAxisMode || 'span';\n\t\tthis.yAxisMode = args.yAxisMode || 'span';\n\n\t\tthis.setupUnitRenderer();\n\n\t\tthis.zeroLine = this.height;\n\t\tthis.preSetup();\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure();\n\n\t\tthis.config.xAxisMode = args.xAxisMode;\n\t\tthis.config.yAxisMode = args.yAxisMode;\n\t}\n\n\tpreSetup() {}\n\n\tsetupUnitRenderer() {\n\t\t// TODO: this is empty\n\t\tlet options = this.rawChartArgs.options;\n\t\tthis.unitRenderers = {\n\t\t\tbar: new BarChartController(options),\n\t\t\tline: new LineChartController(options)\n\t\t};\n\t}\n\n\tsetHorizontalMargin() {\n\t\tthis.translateXLeft = Y_AXIS_MARGIN;\n\t\tthis.translateXRight = Y_AXIS_MARGIN;\n\t}\n\n\tcheckData(data) {\n\t\treturn true;\n\t}\n\n\tgetFirstUpdateData(data) {\n\t\t//\n\t}\n\n\tsetupConstants() {\n\t\tthis.state = {\n\t\t\txAxisLabels: [],\n\t\t\txAxisPositions: [],\n\t\t\txAxisMode: this.config.xAxisMode,\n\t\t\tyAxisMode: this.config.yAxisMode\n\t\t}\n\n\t\tthis.data.datasets.map(d => {\n\t\t\tif(!d.chartType ) {\n\t\t\t\td.chartType = this.type;\n\t\t\t}\n\t\t});\n\n\t\tthis.prepareYAxis();\n\t}\n\n\tprepareData(data) {\n\t\tlet s = this.state;\n\n\t\ts.xAxisLabels = data.labels || [];\n\n\t\ts.datasetLength = s.xAxisLabels.length;\n\n\t\tlet zeroArray = new Array(s.datasetLength).fill(0);\n\n\t\ts.datasets = data.datasets; // whole dataset info too\n\t\tif(!data.datasets) {\n\t\t\t// default\n\t\t\ts.datasets = [{\n\t\t\t\tvalues: zeroArray\t// Proof that state version will be seen instead of this.data\n\t\t\t}];\n\t\t}\n\n\t\ts.datasets.map((d, i)=> {\n\t\t\tlet vals = d.values;\n\t\t\tif(!vals) {\n\t\t\t\tvals = zeroArray;\n\t\t\t} else {\n\t\t\t\t// Check for non values\n\t\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t\t// Trim or extend\n\t\t\t\tif(vals.length > s.datasetLength) {\n\t\t\t\t\tvals = vals.slice(0, s.datasetLength);\n\t\t\t\t} else {\n\t\t\t\t\tvals = fillArray(vals, s.datasetLength - vals.length, 0);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\td.index = i;\n\t\t});\n\n\t\ts.noOfDatasets = s.datasets.length;\n\t\ts.yMarkers = data.yMarkers;\n\t\ts.yRegions = data.yRegions;\n\t}\n\n\tprepareYAxis() {\n\t\tthis.state.yAxis = {\n\t\t\tlabels: [],\n\t\t\tpositions: []\n\t\t};\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\n\t\ts.xAxisLabels = this.data.labels;\n\t\tthis.calcXPositions();\n\n\t\ts.datasetsLabels = this.data.datasets.map(d => d.name);\n\t\tthis.setYAxis();\n\t\tthis.calcYUnits();\n\t\tthis.calcYMaximums();\n\t\tthis.calcYRegions();\n\n\t\t// should be state\n\t\tthis.configUnits();\n\t}\n\n\tsetYAxis() {\n\t\tthis.calcYAxisParameters(this.state.yAxis, this.getAllYValues(), this.type === 'line');\n\t\tthis.state.zeroLine = this.state.yAxis.zeroLine;\n\t}\n\n\tcalcXPositions() {\n\t\tlet s = this.state;\n\t\tthis.setUnitWidthAndXOffset();\n\t\ts.xAxisPositions = s.xAxisLabels.map((d, i) =>\n\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t);\n\n\t\ts.xUnitPositions = new Array(s.noOfDatasets).fill(s.xAxisPositions);\n\t}\n\n\tcalcYAxisParameters(yAxis, dataValues, withMinimum = 'false') {\n\t\tyAxis.labels = calcChartIntervals(dataValues, withMinimum);\n\t\tconst yPts = yAxis.labels;\n\n\t\tyAxis.scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * yAxis.scaleMultiplier;\n\t\tyAxis.zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tyAxis.positions = yPts.map(d => yAxis.zeroLine - d * yAxis.scaleMultiplier);\n\t}\n\n\tcalcYUnits() {\n\t\tlet s = this.state;\n\t\ts.datasets.map(d => {\n\t\t\td.positions = d.values.map(val =>\n\t\t\t\tfloatTwo(s.yAxis.zeroLine - val * s.yAxis.scaleMultiplier));\n\t\t});\n\n\t\tif(this.barOptions && this.barOptions.stacked) {\n\t\t\ts.datasets.map((d, i) => {\n\t\t\t\td.cumulativePositions = d.cumulativeYs.map(val =>\n\t\t\t\t\tfloatTwo(s.yAxis.zeroLine - val * s.yAxis.scaleMultiplier));\n\t\t\t});\n\t\t}\n\t}\n\n\tcalcYMaximums() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions && this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativePositions;\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.positions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\n\t\t// Tooltip refresh should not be needed?\n\t\t// this.chartWrapper.removeChild(this.tip.container);\n\t\t// this.make_tooltip();\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(s.yMarkers) {\n\t\t\ts.yMarkers = s.yMarkers.map(d => {\n\t\t\t\td.value = floatTwo(s.yAxis.zeroLine - d.value * s.yAxis.scaleMultiplier);\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(s.yRegions) {\n\t\t\ts.yRegions = s.yRegions.map(d => {\n\t\t\t\td.start = floatTwo(s.yAxis.zeroLine - d.start * s.yAxis.scaleMultiplier);\n\t\t\t\td.end = floatTwo(s.yAxis.zeroLine - d.end * s.yAxis.scaleMultiplier);\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tconfigUnits() {}\n\n\t// Default, as per bar, and mixed. Only line will be a special case\n\tsetUnitWidthAndXOffset() {\n\t\tthis.state.unitWidth = this.width/(this.state.datasetLength);\n\t\tthis.state.xOffset = this.state.unitWidth/2;\n\t}\n\n\tgetAllYValues() {\n\t\t// TODO: yMarkers, regions, sums, every Y value ever\n\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions && this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.state.datasets.map((d, i) => {\n\t\t\t\tlet values = this.state.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.state.datasets.map(d => d[key]));\n\t}\n\n\tcalcIntermedState() {\n\t\t//\n\t}\n\n\tsetupValues() {}\n\n\tsetupComponents() {\n\n\t\t// TODO: rebind new units\n\t\t// if(this.isNavigable) {\n\t\t// \tthis.bind_units(units_array);\n\t\t// }\n\n\t\tthis.yAxis = getYAxisComponent(\n\t\t\tthis.drawArea,\n\t\t\t{\n\t\t\t\tmode: this.yAxisMode,\n\t\t\t\twidth: this.width,\n\t\t\t\t// pos: 'right'\n\t\t\t},\n\t\t\t{\n\t\t\t\tpositions: getRealIntervals(this.height, 4, 0, 0),\n\t\t\t\tlabels: getRealIntervals(this.height, 4, 0, 0).map(d => d + \"\"),\n\t\t\t}\n\t\t)\n\t\tthis.components = [\n\t\t\tthis.yAxis\n\t\t\t// this.getXAxisComponents(),\n\t\t\t// ...this.getYRegions(),\n\t\t\t// ...this.getXRegions(),\n\t\t\t// ...this.getYMarkerLines(),\n\t\t\t// // ...this.getXMarkerLines(),\n\t\t\t// ...this.getChartComponents(),\n\t\t\t// ...this.getChartLabels(),\n\t\t];\n\t}\n\n\trefreshComponents() {\n\t\tthis.refreshYAxis();\n\t}\n\n\trefreshYAxis() {\n\t\tlet s = this.state;\n\t\tthis.yAxis.refresh({\n\t\t\tpositions: s.yAxis.positions,\n\t\t\tlabels: s.yAxis.labels,\n\t\t});\n\t}\n\n\tgetXAxisComponents() {\n\t\treturn new ChartComponent({\n\t\t\tlayerClass: 'x axis',\n\t\t\tsetData: () => {\n\t\t\t\tlet s = this.state;\n\t\t\t\tlet data = {\n\t\t\t\t\tpositions: s.xAxisPositions,\n\t\t\t\t\tlabels: s.xAxisLabels,\n\t\t\t\t};\n\t\t\t\tlet constants = {\n\t\t\t\t\tmode: this.xAxisMode,\n\t\t\t\t\theight: this.height\n\t\t\t\t}\n\t\t\t\treturn [data, constants];\n\t\t\t},\n\t\t\tmakeElements: () => {\n\t\t\t\tlet s = this.state;\n\t\t\t\t// positions\n\t\t\t\t// TODO: xAxis Label spacing\n\t\t\t\treturn s.xAxisPositions.map((position, i) =>\n\t\t\t\t\txLine(position, s.xAxisLabels[i], this.constants.height\n\t\t\t\t\t\t// , {pos:'top'}\n\t\t\t\t\t)\n\t\t\t\t);\n\t\t\t},\n\t\t\tanimate: (xLines) => {\n\t\t\t\t// Equilize\n\t\t\t\tlet newX = this.state.xAxisPositions;\n\t\t\t\tlet oldX = this.oldState.xAxisPositions;\n\n\t\t\t\tthis.oldState.xExtra = newX.length - oldX.length;\n\t\t\t\tlet lastLine = xLines[xLines.length - 1];\n\t\t\t\tlet parentNode = lastLine.parentNode;\n\n\t\t\t\t[oldX, newX] = equilizeNoOfElements(oldX, newX);\n\t\t\t\tif(this.oldState.xExtra > 0) {\n\t\t\t\t\tfor(var i = 0; i<this.oldState.xExtra; i++) {\n\t\t\t\t\t\tlet line = lastLine.cloneNode(true);\n\t\t\t\t\t\tparentNode.appendChild(line);\n\t\t\t\t\t\txLines.push(line);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\txLines.map((line, i) => {\n\t\t\t\t\tthis.elementsToAnimate.push(this.renderer.translateVertLine(\n\t\t\t\t\t\tline, newX[i], oldX[i]\n\t\t\t\t\t));\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tgetChartComponents() {\n\t\tlet dataUnitsComponents = []\n\t\t// this.state is not defined at this stage\n\t\tthis.data.datasets.forEach((d, index) => {\n\t\t\tif(d.chartType === 'line') {\n\t\t\t\tdataUnitsComponents.push(this.getPathComponent(d, index));\n\t\t\t}\n\n\t\t\tlet renderer = this.unitRenderers[d.chartType];\n\t\t\tdataUnitsComponents.push(this.getDataUnitComponent(\n\t\t\t\tindex, renderer\n\t\t\t));\n\t\t});\n\t\treturn dataUnitsComponents;\n\t}\n\n\tgetChartLabels() {\n\t\t// To layer all labels above everything else\n\t\treturn [];\n\t}\n\n\tgetDataUnitComponent(index, unitRenderer) {\n\t\treturn new ChartComponent({\n\t\t\tlayerClass: 'dataset-units dataset-' + index,\n\t\t\tsetData: () => {},\n\t\t\tpreMake: () => { },\n\t\t\tmakeElements: () => {\n\t\t\t\tlet d = this.state.datasets[index];\n\n\t\t\t\treturn d.positions.map((y, j) => {\n\t\t\t\t\treturn unitRenderer.draw(\n\t\t\t\t\t\tthis.state.xAxisPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tthis.colors[index],\n\t\t\t\t\t\t(this.valuesOverPoints ? (this.barOptions &&\n\t\t\t\t\t\t\tthis.barOptions.stacked ? d.cumulativeYs[j] : d.values[j]) : ''),\n\t\t\t\t\t\tj,\n\t\t\t\t\t\ty - (d.cumulativePositions ? d.cumulativePositions[j] : y)\n\t\t\t\t\t);\n\t\t\t\t});\n\t\t\t},\n\t\t\tpostMake: function() {\n\t\t\t\tlet translate_layer = () => {\n\t\t\t\t\tthis.layer.setAttribute('transform', `translate(${unitRenderer.consts.width * index}, 0)`);\n\t\t\t\t}\n\n\t\t\t\t// let d = this.state.datasets[index];\n\n\t\t\t\tif(this.meta.type === 'bar' && (!this.meta.barOptions\n\t\t\t\t\t|| !this.meta.barOptions.stacked)) {\n\n\t\t\t\t\ttranslate_layer();\n\t\t\t\t}\n\t\t\t},\n\t\t\tanimate: (svgUnits) => {\n\t\t\t\t// have been updated in axis render;\n\t\t\t\tlet newX = this.state.xAxisPositions;\n\t\t\t\tlet newY = this.state.datasets[index].positions;\n\n\t\t\t\tlet lastUnit = svgUnits[svgUnits.length - 1];\n\t\t\t\tlet parentNode = lastUnit.parentNode;\n\n\t\t\t\tif(this.oldState.xExtra > 0) {\n\t\t\t\t\tfor(var i = 0; i<this.oldState.xExtra; i++) {\n\t\t\t\t\t\tlet unit = lastUnit.cloneNode(true);\n\t\t\t\t\t\tparentNode.appendChild(unit);\n\t\t\t\t\t\tsvgUnits.push(unit);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tsvgUnits.map((unit, i) => {\n\t\t\t\t\tif(newX[i] === undefined || newY[i] === undefined) return;\n\t\t\t\t\tthis.elementsToAnimate.push(unitRenderer.animate(\n\t\t\t\t\t\tunit, // unit, with info to replace where it came from in the data\n\t\t\t\t\t\tnewX[i],\n\t\t\t\t\t\tnewY[i],\n\t\t\t\t\t\tindex,\n\t\t\t\t\t\tthis.state.noOfDatasets\n\t\t\t\t\t));\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tgetPathComponent(d, index) {\n\t\treturn new ChartComponent({\n\t\t\tlayerClass: 'path dataset-path',\n\t\t\tsetData: () => {},\n\t\t\tmakeElements: () => {\n\t\t\t\tlet d = this.state.datasets[index];\n\t\t\t\tlet color = this.colors[index];\n\n\t\t\t\treturn getPaths(\n\t\t\t\t\td.positions,\n\t\t\t\t\tthis.state.xAxisPositions,\n\t\t\t\t\tcolor,\n\t\t\t\t\tthis.config.heatline,\n\t\t\t\t\tthis.config.regionFill\n\t\t\t\t);\n\t\t\t},\n\t\t\tanimate: (paths) => {\n\t\t\t\tlet newX = this.state.xAxisPositions;\n\t\t\t\tlet newY = this.state.datasets[index].positions;\n\n\t\t\t\tlet oldX = this.oldState.xAxisPositions;\n\t\t\t\tlet oldY = this.oldState.datasets[index].positions;\n\n\n\t\t\t\tlet parentNode = paths[0].parentNode;\n\n\t\t\t\t[oldX, newX] = equilizeNoOfElements(oldX, newX);\n\t\t\t\t[oldY, newY] = equilizeNoOfElements(oldY, newY);\n\n\t\t\t\tif(this.oldState.xExtra > 0) {\n\t\t\t\t\tpaths = getPaths(\n\t\t\t\t\t\toldY, oldX, this.colors[index],\n\t\t\t\t\t\tthis.config.heatline,\n\t\t\t\t\t\tthis.config.regionFill\n\t\t\t\t\t);\n\t\t\t\t\tparentNode.textContent = '';\n\t\t\t\t\tpaths.map(path => parentNode.appendChild(path));\n\t\t\t\t}\n\n\t\t\t\tconst newPointsList = newY.map((y, i) => (newX[i] + ',' + y));\n\t\t\t\tthis.elementsToAnimate = this.elementsToAnimate\n\t\t\t\t\t.concat(this.renderer.animatepath(paths, newPointsList.join(\"L\")));\n\t\t\t}\n\t\t});\n\t}\n\n\tgetYMarkerLines() {\n\t\tif(!this.data.yMarkers) {\n\t\t\treturn [];\n\t\t}\n\t\treturn this.data.yMarkers.map((d, index) => {\n\t\t\treturn new ChartComponent({\n\t\t\t\tlayerClass: 'y-markers',\n\t\t\t\tsetData: () => {},\n\t\t\t\tmakeElements: () => {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\treturn s.yMarkers.map(marker =>\n\t\t\t\t\t\tthis.renderer.yMarker(marker.value, marker.name,\n\t\t\t\t\t\t\t{pos:'right', mode: 'span', lineType: marker.type})\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\tanimate: () => {}\n\t\t\t});\n\t\t});\n\t}\n\n\tgetYRegions() {\n\t\tif(!this.data.yRegions) {\n\t\t\treturn [];\n\t\t}\n\t\t// return [];\n\t\treturn this.data.yRegions.map((d, index) => {\n\t\t\treturn new ChartComponent({\n\t\t\t\tlayerClass: 'y-regions',\n\t\t\t\tsetData: () => {},\n\t\t\t\tmakeElements: () => {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\treturn s.yRegions.map(region =>\n\t\t\t\t\t\tthis.renderer.yRegion(region.start, region.end, region.name)\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\tanimate: () => {}\n\t\t\t});\n\t\t});\n\t}\n\n\trefreshRenderer() {\n\t\t// These args are basically the current state of the chart,\n\t\t// with constant and alive params mixed\n\t\tlet state = {\n\t\t\ttotalHeight: this.height,\n\t\t\ttotalWidth: this.width,\n\n\t\t\txAxisMode: this.config.xAxisMode,\n\t\t\tyAxisMode: this.config.yAxisMode,\n\n\t\t\tzeroLine: this.state.zeroLine,\n\t\t\tunitWidth: this.state.unitWidth,\n\t\t};\n\t\tif(!this.renderer) {\n\t\t\tthis.renderer = new AxisChartRenderer(state);\n\t\t} else {\n\t\t\tthis.renderer.refreshState(state);\n\t\t}\n\n\t\tlet meta = {\n\t\t\ttotalHeight: this.height,\n\t\t\ttotalWidth: this.width,\n\t\t\tzeroLine: this.state.zeroLine,\n\t\t\tunitWidth: this.state.unitWidth,\n\t\t\tnoOfDatasets: this.state.noOfDatasets,\n\t\t};\n\n\t\tmeta = Object.assign(meta, this.rawChartArgs.options);\n\n\t\tObject.keys(this.unitRenderers).map(key => {\n\t\t\tmeta.options = this[key + 'Options'];\n\t\t\tthis.unitRenderers[key].refreshMeta(meta);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\t// TODO: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.chartWrapper);\n\t\t\tlet relX = e.pageX - o.left - this.translateXLeft;\n\t\t\tlet relY = e.pageY - o.top - this.translateY;\n\n\t\t\tif(relY < this.height + this.translateY * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hide_tip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet titles = s.xAxisLabels;\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.xAxisPositions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxisPositions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.translateXLeft;\n\t\t\t\tlet y = s.yExtremes[i] + this.translateY;\n\n\t\t\t\tlet values = s.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.title,\n\t\t\t\t\t\tvalue: formatY ? this.formatTooltipY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.set_values(x, y, titles[i], '', values);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tgetDataPoint(index=this.current_index) {\n\t\t// check for length\n\t\tlet data_point = {\n\t\t\tindex: index\n\t\t};\n\t\tlet y = this.y[0];\n\t\t['svg_units', 'yUnitPositions', 'values'].map(key => {\n\t\t\tlet data_key = key.slice(0, key.length-1);\n\t\t\tdata_point[data_key] = y[key][index];\n\t\t});\n\t\tdata_point.label = this.xAxisLabels[index];\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= this.xAxisLabels.length) index = this.xAxisLabels.length - 1;\n\t\tif(index === this.current_index) return;\n\t\tthis.current_index = index;\n\t\t$.fire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\t// console.log(label, datasetValues, this.data.labels);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\t// console.log(this.data);\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// updateData() {\n\t// \t// animate if same no. of datasets,\n\t// \t// else return new chart\n\n\t// \t//\n\t// }\n}\n\n\n// keep a binding at the end of chart\n\n","export const Y_AXIS_MARGIN = 60;","import LineChart from './LineChart';\n\nexport default class ScatterChart extends LineChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\n\t\tthis.type = 'scatter';\n\n\t\tif(!args.dotRadius) {\n\t\t\tthis.dotRadius = 8;\n\t\t} else {\n\t\t\tthis.dotRadius = args.dotRadius;\n\t\t}\n\n\t\tthis.setup();\n\t}\n\n\tsetup_values() {\n\t\tsuper.setup_values();\n\t\tthis.unit_args = {\n\t\t\ttype: 'dot',\n\t\t\targs: { radius: this.dotRadius }\n\t\t};\n\t}\n\n\tmake_paths() {}\n\tmake_path() {}\n}\n","import AxisChart from './AxisChart';\n// import { ChartComponent } from '../objects/ChartComponents';\nimport { makeSVGGroup, makePath, makeGradient } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\n\nexport default class LineChart extends AxisChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\t\tthis.type = 'line';\n\n\t\tif(Object.getPrototypeOf(this) !== LineChart.prototype) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.config.xAxisMode = args.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = args.yAxisMode || 'span';\n\n\t\tthis.config.dotRadius = args.dotRadius || 4;\n\n\t\tthis.config.heatline = args.heatline || 0;\n\t\tthis.config.regionFill = args.regionFill || 0;\n\t\tthis.config.showDots = args.showDots || 1;\n\t}\n\n\tconfigUnits() {\n\t\tthis.unitArgs = {\n\t\t\ttype: 'dot',\n\t\t\targs: { radius: this.config.dotRadius }\n\t\t};\n\t}\n\n\t// temp commented\n\tsetUnitWidthAndXOffset() {\n\t\tthis.state.unitWidth = this.width/(this.state.datasetLength - 1);\n\t\tthis.state.xOffset = 0;\n\t}\n\n}\n","import AxisChart from './AxisChart';\nimport { Y_AXIS_MARGIN } from '../utils/margins';\n// import { ChartComponent } from '../objects/ChartComponents';\nimport { floatTwo } from '../utils/helpers';\n\nexport default class MultiAxisChart extends AxisChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\t\t// this.unitType = args.unitType || 'line';\n\t\t// this.setup();\n\t}\n\n\tpreSetup() {\n\t\tthis.type = 'multiaxis';\n\t}\n\n\tsetHorizontalMargin() {\n\t\tlet noOfLeftAxes = this.data.datasets.filter(d => d.axisPosition === 'left').length;\n\t\tthis.translateXLeft = (noOfLeftAxes) * Y_AXIS_MARGIN || Y_AXIS_MARGIN;\n\t\tthis.translateXRight = (this.data.datasets.length - noOfLeftAxes) * Y_AXIS_MARGIN || Y_AXIS_MARGIN;\n\t}\n\n\tprepareYAxis() { }\n\n\tprepareData(data) {\n\t\tsuper.prepareData(data);\n\t\tlet sets = this.state.datasets;\n\t\t// let axesLeft = sets.filter(d => d.axisPosition === 'left');\n\t\t// let axesRight = sets.filter(d => d.axisPosition === 'right');\n\t\t// let axesNone = sets.filter(d => !d.axisPosition ||\n\t\t// \t!['left', 'right'].includes(d.axisPosition));\n\n\t\tlet leftCount = 0, rightCount = 0;\n\n\t\tsets.forEach((d, i) => {\n\t\t\td.yAxis = {\n\t\t\t\tposition: d.axisPosition,\n\t\t\t\tindex: d.axisPosition === 'left' ? leftCount++ : rightCount++\n\t\t\t};\n\t\t});\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.config.xAxisMode = args.xAxisMode || 'tick';\n\t\tthis.config.yAxisMode = args.yAxisMode || 'span';\n\t}\n\n\t// setUnitWidthAndXOffset() {\n\t// \tthis.state.unitWidth = this.width/(this.state.datasetLength);\n\t// \tthis.state.xOffset = this.state.unitWidth/2;\n\t// }\n\n\tconfigUnits() {\n\t\tthis.unitArgs = {\n\t\t\ttype: 'bar',\n\t\t\targs: {\n\t\t\t\tspaceWidth: this.state.unitWidth/2,\n\t\t\t}\n\t\t};\n\t}\n\n\tsetYAxis() {\n\t\tthis.state.datasets.map(d => {\n\t\t\tthis.calcYAxisParameters(d.yAxis, d.values, this.unitType === 'line');\n\t\t});\n\t}\n\n\tcalcYUnits() {\n\t\tthis.state.datasets.map(d => {\n\t\t\td.positions = d.values.map(val => floatTwo(d.yAxis.zeroLine - val * d.yAxis.scaleMultiplier));\n\t\t});\n\t}\n\n\trenderConstants() {\n\t\tthis.state.datasets.map(d => {\n\t\t\tlet guidePos = d.yAxis.position === 'left'\n\t\t\t\t? -1 * d.yAxis.index * Y_AXIS_MARGIN\n\t\t\t\t: this.width + d.yAxis.index * Y_AXIS_MARGIN;\n\t\t\tthis.renderer.xLine(guidePos, '', {\n\t\t\t\tpos:'top',\n\t\t\t\tmode: 'span',\n\t\t\t\tstroke: this.colors[i],\n\t\t\t\tclassName: 'y-axis-guide'\n\t\t\t})\n\t\t});\n\t}\n\n\tgetYAxesComponents() {\n\t\treturn this.data.datasets.map((e, i) => {\n\t\t\treturn new ChartComponent({\n\t\t\t\tlayerClass: 'y axis y-axis-' + i,\n\t\t\t\tmake: () => {\n\t\t\t\t\tlet yAxis = this.state.datasets[i].yAxis;\n\t\t\t\t\tthis.renderer.setZeroline(yAxis.zeroline);\n\t\t\t\t\tlet options = {\n\t\t\t\t\t\tpos: yAxis.position,\n\t\t\t\t\t\tmode: 'tick',\n\t\t\t\t\t\toffset: yAxis.index * Y_AXIS_MARGIN,\n\t\t\t\t\t\tstroke: this.colors[i]\n\t\t\t\t\t};\n\n\t\t\t\t\treturn yAxis.positions.map((position, j) =>\n\t\t\t\t\t\tthis.renderer.yLine(position, yAxis.labels[j], options)\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\tanimate: () => {}\n\t\t\t});\n\t\t});\n\t}\n\n\t// TODO remove renderer zeroline from above and below\n\tgetChartComponents() {\n\t\treturn this.data.datasets.map((d, index) => {\n\t\t\treturn new ChartComponent({\n\t\t\t\tlayerClass: 'dataset-units dataset-' + index,\n\t\t\t\tmake: () => {\n\t\t\t\t\tlet d = this.state.datasets[index];\n\t\t\t\t\tlet unitType = this.unitArgs;\n\n\t\t\t\t\t// the only difference, should be tied to datasets or default\n\t\t\t\t\tthis.renderer.setZeroline(d.yAxis.zeroLine);\n\n\t\t\t\t\treturn d.positions.map((y, j) => {\n\t\t\t\t\t\treturn this.renderer[unitType.type](\n\t\t\t\t\t\t\tthis.state.xAxisPositions[j],\n\t\t\t\t\t\t\ty,\n\t\t\t\t\t\t\tunitType.args,\n\t\t\t\t\t\t\tthis.colors[index],\n\t\t\t\t\t\t\tj,\n\t\t\t\t\t\t\tindex,\n\t\t\t\t\t\t\tthis.state.datasetLength\n\t\t\t\t\t\t);\n\t\t\t\t\t});\n\t\t\t\t},\n\t\t\t\tanimate: (svgUnits) => {\n\t\t\t\t\tlet d = this.state.datasets[index];\n\t\t\t\t\tlet unitType = this.unitArgs.type;\n\n\t\t\t\t\t// have been updated in axis render;\n\t\t\t\t\tlet newX = this.state.xAxisPositions;\n\t\t\t\t\tlet newY = this.state.datasets[index].positions;\n\n\t\t\t\t\tlet lastUnit = svgUnits[svgUnits.length - 1];\n\t\t\t\t\tlet parentNode = lastUnit.parentNode;\n\n\t\t\t\t\tif(this.oldState.xExtra > 0) {\n\t\t\t\t\t\tfor(var i = 0; i<this.oldState.xExtra; i++) {\n\t\t\t\t\t\t\tlet unit = lastUnit.cloneNode(true);\n\t\t\t\t\t\t\tparentNode.appendChild(unit);\n\t\t\t\t\t\t\tsvgUnits.push(unit);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.renderer.setZeroline(d.yAxis.zeroLine);\n\n\t\t\t\t\tsvgUnits.map((unit, i) => {\n\t\t\t\t\t\tif(newX[i] === undefined || newY[i] === undefined) return;\n\t\t\t\t\t\tthis.elementsToAnimate.push(this.renderer['animate' + unitType](\n\t\t\t\t\t\t\tunit, // unit, with info to replace where it came from in the data\n\t\t\t\t\t\t\tnewX[i],\n\t\t\t\t\t\t\tnewY[i],\n\t\t\t\t\t\t\tindex,\n\t\t\t\t\t\t\tthis.state.noOfDatasets\n\t\t\t\t\t\t));\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends BaseChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\t\tthis.type = 'percentage';\n\n\t\tthis.max_slices = 10;\n\t\tthis.max_legend_points = 6;\n\n\t\tthis.setup();\n\t}\n\n\tmakeChartArea() {\n\t\tthis.chartWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.chartWrapper.style.marginTop = '45px';\n\n\t\tthis.statsWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.statsWrapper.style.marginBottom = '30px';\n\t\tthis.statsWrapper.style.paddingTop = '0px';\n\n\t\tthis.chartDiv = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chartWrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.chartDiv\n\t\t});\n\t}\n\n\tsetupLayers() {\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\tsetup_values() {\n\t\tthis.slice_totals = [];\n\t\tlet all_totals = this.data.labels.map((d, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, d];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = all_totals;\n\n\t\tif(all_totals.length > this.max_slices) {\n\t\t\tall_totals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = all_totals.slice(0, this.max_slices-1);\n\t\t\tlet others = all_totals.slice(this.max_slices-1);\n\n\t\t\tlet sum_of_others = 0;\n\t\t\tothers.map(d => {sum_of_others += d[0];});\n\n\t\t\ttotals.push([sum_of_others, 'Rest']);\n\n\t\t\tthis.colors[this.max_slices-1] = 'grey';\n\t\t}\n\n\t\tthis.labels = [];\n\t\ttotals.map(d => {\n\t\t\tthis.slice_totals.push(d[0]);\n\t\t\tthis.labels.push(d[1]);\n\t\t});\n\n\t\tthis.legend_totals = this.slice_totals.slice(0, this.max_legend_points);\n\t}\n\n\trenderComponents() {\n\t\tthis.grand_total = this.slice_totals.reduce((a, b) => a + b, 0);\n\t\tthis.slices = [];\n\t\tthis.slice_totals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\tinside: this.percentageBar,\n\t\t\t\tstyles: {\n\t\t\t\t\tbackground: this.colors[i],\n\t\t\t\t\twidth: total*100/this.grand_total + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.slices.push(slice);\n\t\t});\n\t}\n\n\tcalc() {}\n\n\t// bindTooltip() {\n\t// \tthis.slices.map((slice, i) => {\n\t// \t\tslice.addEventListener('mouseenter', () => {\n\t// \t\t\tlet g_off = getOffset(this.chartWrapper), p_off = getOffset(slice);\n\n\t// \t\t\tlet x = p_off.left - g_off.left + slice.offsetWidth/2;\n\t// \t\t\tlet y = p_off.top - g_off.top - 6;\n\t// \t\t\tlet title = (this.formatted_labels && this.formatted_labels.length>0\n\t// \t\t\t\t? this.formatted_labels[i] : this.labels[i]) + ': ';\n\t// \t\t\tlet percent = (this.slice_totals[i]*100/this.grand_total).toFixed(1);\n\n\t// \t\t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t// \t\t\tthis.tip.show_tip();\n\t// \t\t});\n\t// \t});\n\t// }\n\n\t// renderLegend() {\n\t// \tlet x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t// \t\t? this.formatted_labels : this.labels;\n\t// \tthis.legend_totals.map((d, i) => {\n\t// \t\tif(d) {\n\t// \t\t\tlet stats = $.create('div', {\n\t// \t\t\t\tclassName: 'stats',\n\t// \t\t\t\tinside: this.statsWrapper\n\t// \t\t\t});\n\t// \t\t\tstats.innerHTML = `<span class=\"indicator\">\n\t// \t\t\t\t<i style=\"background: ${this.colors[i]}\"></i>\n\t// \t\t\t\t<span class=\"text-muted\">${x_values[i]}:</span>\n\t// \t\t\t\t${d}\n\t// \t\t\t</span>`;\n\t// \t\t}\n\t// \t});\n\t// }\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\nimport { makePath } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { runSMILAnimation, transform } from '../utils/animation';\nconst ANGLE_RATIO = Math.PI / 180;\nconst FULL_ANGLE = 360;\n\nexport default class PieChart extends BaseChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\t\tthis.type = 'pie';\n\t\tthis.elements_to_animate = null;\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.max_slices = 10;\n\t\tthis.max_legend_points = 6;\n\t\tthis.isAnimate = false;\n\t\tthis.startAngle = args.startAngle || 0;\n\t\tthis.clockWise = args.clockWise || false;\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\t\tthis.setup();\n\t}\n\tsetup_values() {\n\t\tthis.centerX = this.width / 2;\n\t\tthis.centerY = this.height / 2;\n\t\tthis.radius = (this.height > this.width ? this.centerX : this.centerY);\n\t\tthis.slice_totals = [];\n\t\tlet all_totals = this.data.labels.map((d, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, d];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = all_totals;\n\n\t\tif(all_totals.length > this.max_slices) {\n\t\t\tall_totals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = all_totals.slice(0, this.max_slices-1);\n\t\t\tlet others = all_totals.slice(this.max_slices-1);\n\n\t\t\tlet sum_of_others = 0;\n\t\t\tothers.map(d => {sum_of_others += d[0];});\n\n\t\t\ttotals.push([sum_of_others, 'Rest']);\n\n\t\t\tthis.colors[this.max_slices-1] = 'grey';\n\t\t}\n\n\t\tthis.labels = [];\n\t\ttotals.map(d => {\n\t\t\tthis.slice_totals.push(d[0]);\n\t\t\tthis.labels.push(d[1]);\n\t\t});\n\n\t\tthis.legend_totals = this.slice_totals.slice(0, this.max_legend_points);\n\t}\n\n\tstatic getPositionByAngle(angle,radius){\n\t\treturn {\n\t\t\tx:Math.sin(angle * ANGLE_RATIO) * radius,\n\t\t\ty:Math.cos(angle * ANGLE_RATIO) * radius,\n\t\t};\n\t}\n\tmakeArcPath(startPosition,endPosition){\n\t\tconst{centerX,centerY,radius,clockWise} = this;\n\t\treturn `M${centerX} ${centerY} L${centerX+startPosition.x} ${centerY+startPosition.y} A ${radius} ${radius} 0 0 ${clockWise ? 1 : 0} ${centerX+endPosition.x} ${centerY+endPosition.y} z`;\n\t}\n\trenderComponents(init){\n\t\tconst{radius,clockWise} = this;\n\t\tthis.grand_total = this.slice_totals.reduce((a, b) => a + b, 0);\n\t\tconst prevSlicesProperties = this.slicesProperties || [];\n\t\tthis.slices = [];\n\t\tthis.elements_to_animate = [];\n\t\tthis.slicesProperties = [];\n\t\tlet curAngle = 180 - this.startAngle;\n\t\tthis.slice_totals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / this.grand_total) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = PieChart.getPositionByAngle(startAngle,radius);\n\t\t\tconst endPosition = PieChart.getPositionByAngle(endAngle,radius);\n\t\t\tconst prevProperty = init && prevSlicesProperties[i];\n\t\t\tlet curStart,curEnd;\n\t\t\tif(init){\n\t\t\t\tcurStart = prevProperty?prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty? prevProperty.endPosition : startPosition;\n\t\t\t}else{\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath = this.makeArcPath(curStart,curEnd);\n\t\t\tlet slice = makePath(curPath, 'pie-path', 'none', this.colors[i]);\n\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\tthis.drawArea.appendChild(slice);\n\n\t\t\tthis.slices.push(slice);\n\t\t\tthis.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: this.grand_total,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle:diffAngle\n\t\t\t});\n\t\t\tif(init){\n\t\t\t\tthis.elements_to_animate.push([{unit: slice, array: this.slices, index: this.slices.length - 1},\n\t\t\t\t\t{d:this.makeArcPath(startPosition,endPosition)},\n\t\t\t\t\t650, \"easein\",null,{\n\t\t\t\t\t\td:curPath\n\t\t\t\t\t}]);\n\t\t\t}\n\n\t\t});\n\t\tif(init){\n\t\t\trunSMILAnimation(this.chartWrapper, this.svg, this.elements_to_animate);\n\t\t}\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = PieChart.getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag){\n\t\t\ttransform(path,this.calTranslateByAngle(this.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color,50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length>0\n\t\t\t\t? this.formatted_labels[i] : this.labels[i]) + ': ';\n\t\t\tlet percent = (this.slice_totals[i]*100/this.grand_total).toFixed(1);\n\t\t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t\t\tthis.tip.show_tip();\n\t\t}else{\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hide_tip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tfor(let i = 0; i < this.slices.length; i++){\n\t\t\tif(target === this.slices[i]){\n\t\t\t\tthis.hoverSlice(prevAcitve,prevIndex,false);\n\t\t\t\tthis.curActiveSlice = target;\n\t\t\t\tthis.curActiveSliceIndex = i;\n\t\t\t\tthis.hoverSlice(target,i,true,e);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n\tbindTooltip() {\n\t\tthis.drawArea.addEventListener('mousemove',this.mouseMove);\n\t\tthis.drawArea.addEventListener('mouseleave',this.mouseLeave);\n\t}\n\n\trenderLegend() {\n\t\tlet x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t? this.formatted_labels : this.labels;\n\t\tthis.legend_totals.map((d, i) => {\n\t\t\tconst color = this.colors[i];\n\n\t\t\tif(d) {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.statsWrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `<span class=\"indicator\">\n\t\t\t\t\t<i style=\"background-color:${color};\"></i>\n\t\t\t\t\t<span class=\"text-muted\">${x_values[i]}:</span>\n\t\t\t\t\t${d}\n\t\t\t\t</span>`;\n\t\t\t}\n\t\t});\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { makeSVGGroup, makeHeatSquare, makeText } from '../utils/draw';\nimport { addDays, getDdMmYyyy, getWeeksBetween } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { isValidColor } from '../utils/colors';\n\nexport default class Heatmap extends BaseChart {\n\tconstructor({\n\t\tstart = '',\n\t\tdomain = '',\n\t\tsubdomain = '',\n\t\tdata = {},\n\t\tdiscrete_domains = 0,\n\t\tcount_label = '',\n\t\tlegend_colors = []\n\t}) {\n\t\tsuper(arguments[0]);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = domain;\n\t\tthis.subdomain = subdomain;\n\t\tthis.data = data;\n\t\tthis.discrete_domains = discrete_domains;\n\t\tthis.count_label = count_label;\n\n\t\tlet today = new Date();\n\t\tthis.start = start || addDays(today, 365);\n\n\t\tlegend_colors = legend_colors.slice(0, 5);\n\t\tthis.legend_colors = this.validate_colors(legend_colors)\n\t\t\t? legend_colors\n\t\t\t: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\t// Fixed 5-color theme,\n\t\t// More colors are difficult to parse visually\n\t\tthis.distribution_size = 5;\n\n\t\tthis.translateX = 0;\n\t\t// this.setup();\n\t}\n\n\tvalidate_colors(colors) {\n\t\tif(colors.length < 5) return 0;\n\n\t\tlet valid = 1;\n\t\tcolors.forEach(function(string) {\n\t\t\tif(!isValidColor(string)) {\n\t\t\t\tvalid = 0;\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t}\n\t\t}, this);\n\n\t\treturn valid;\n\t}\n\n\tsetupConstants() {\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.first_week_start = new Date(this.start.toDateString());\n\t\tthis.last_week_start = new Date(this.today.toDateString());\n\t\tif(this.first_week_start.getDay() !== 7) {\n\t\t\taddDays(this.first_week_start, (-1) * this.first_week_start.getDay());\n\t\t}\n\t\tif(this.last_week_start.getDay() !== 7) {\n\t\t\taddDays(this.last_week_start, (-1) * this.last_week_start.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.first_week_start + '', this.last_week_start + '') + 1;\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 3) * 12 ;\n\n\t\tif(this.discrete_domains) {\n\t\t\tthis.baseWidth += (12 * 12);\n\t\t}\n\t}\n\n\tsetupLayers() {\n\t\tthis.domain_label_group = this.makeLayer(\n\t\t\t'domain-label-group chart-label');\n\n\t\tthis.data_groups = this.makeLayer(\n\t\t\t'data-groups',\n\t\t\t`translate(0, 20)`\n\t\t);\n\t}\n\n\tsetup_values() {\n\t\tthis.domain_label_group.textContent = '';\n\t\tthis.data_groups.textContent = '';\n\n\t\tlet data_values = Object.keys(this.data).map(key => this.data[key]);\n\t\tthis.distribution = calcDistribution(data_values, this.distribution_size);\n\n\t\tthis.month_names = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\n\t\tthis.render_all_weeks_and_store_x_values(this.no_of_cols);\n\t}\n\n\trender_all_weeks_and_store_x_values(no_of_weeks) {\n\t\tlet current_week_sunday = new Date(this.first_week_start);\n\t\tthis.week_col = 0;\n\t\tthis.current_month = current_week_sunday.getMonth();\n\n\t\tthis.months = [this.current_month + ''];\n\t\tthis.month_weeks = {}, this.month_start_points = [];\n\t\tthis.month_weeks[this.current_month] = 0;\n\t\tthis.month_start_points.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet data_group, month_change = 0;\n\t\t\tlet day = new Date(current_week_sunday);\n\n\t\t\t[data_group, month_change] = this.get_week_squares_group(day, this.week_col);\n\t\t\tthis.data_groups.appendChild(data_group);\n\t\t\tthis.week_col += 1 + parseInt(this.discrete_domains && month_change);\n\t\t\tthis.month_weeks[this.current_month]++;\n\t\t\tif(month_change) {\n\t\t\t\tthis.current_month = (this.current_month + 1) % 12;\n\t\t\t\tthis.months.push(this.current_month + '');\n\t\t\t\tthis.month_weeks[this.current_month] = 1;\n\t\t\t}\n\t\t\taddDays(current_week_sunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(current_date, index) {\n\t\tconst no_of_weekdays = 7;\n\t\tconst square_side = 10;\n\t\tconst cell_padding = 2;\n\t\tconst step = 1;\n\t\tconst today_time = this.today.getTime();\n\n\t\tlet month_change = 0;\n\t\tlet week_col_change = 0;\n\n\t\tlet data_group = makeSVGGroup(this.data_groups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < no_of_weekdays; i += step, y += (square_side + cell_padding)) {\n\t\t\tlet data_value = 0;\n\t\t\tlet color_index = 0;\n\n\t\t\tlet current_timestamp = current_date.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(current_timestamp - (current_timestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdata_value = this.data[timestamp];\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdata_value = this.data[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(data_value) {\n\t\t\t\tcolor_index = getMaxCheckpoint(data_value, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + week_col_change) * 12;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(current_date),\n\t\t\t\t'data-value': data_value,\n\t\t\t\t'data-day': current_date.getDay()\n\t\t\t};\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, square_side,\n\t\t\t\tthis.legend_colors[color_index], dataAttr);\n\n\t\t\tdata_group.appendChild(heatSquare);\n\n\t\t\tlet next_date = new Date(current_date);\n\t\t\taddDays(next_date, 1);\n\t\t\tif(next_date.getTime() > today_time) break;\n\n\n\t\t\tif(next_date.getMonth() - current_date.getMonth()) {\n\t\t\t\tmonth_change = 1;\n\t\t\t\tif(this.discrete_domains) {\n\t\t\t\t\tweek_col_change = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.month_start_points.push(13 + (index + week_col_change) * 12);\n\t\t\t}\n\t\t\tcurrent_date = next_date;\n\t\t}\n\n\t\treturn [data_group, month_change];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.first_week_start.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.month_start_points.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.month_start_points.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.month_start_points.shift();\n\t\tthis.months.pop();\n\t\tthis.month_start_points.pop();\n\n\t\tthis.month_start_points.map((start, i) => {\n\t\t\tlet month_name =  this.month_names[this.months[i]].substring(0, 3);\n\t\t\tlet text = makeText('y-value-text', start+12, 10, month_name);\n\t\t\tthis.domain_label_group.appendChild(text);\n\t\t});\n\t}\n\n\trenderComponents() {\n\t\tArray.prototype.slice.call(\n\t\t\tthis.container.querySelectorAll('.graph-stats-container, .sub-title, .title')\n\t\t).map(d => {\n\t\t\td.style.display = 'None';\n\t\t});\n\t\tthis.chartWrapper.style.marginTop = '0px';\n\t\tthis.chartWrapper.style.paddingTop = '0px';\n\t}\n\n\tbindTooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet date_parts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.month_names[parseInt(date_parts[1])-1].substring(0, 3);\n\n\t\t\t\tlet g_off = this.chartWrapper.getBoundingClientRect(), p_off = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = p_off.left - g_off.left + (width+2)/2;\n\t\t\t\tlet y = p_off.top - g_off.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.count_label;\n\t\t\t\tlet name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];\n\n\t\t\t\tthis.tip.set_values(x, y, name, value, [], 1);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tthis.data = data;\n\t\tthis.setup_values();\n\t\tthis.bindTooltip();\n\t}\n}\n"],"names":["expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getBarHeightAndYAttr","yTop","zeroLine","height","y","totalHeight","MIN_BAR_PERCENT_HEIGHT","equilizeNoOfElements","array1","array2","extra_count","translate","unit","oldCoord","newCoord","duration","transform","join","STD_EASING","translateHoriLine","yLine","newY","oldY","MARKER_LINE_ANIM_DUR","$","createSVG","tag","o","createElementNS","i","val","appendChild","ref","parentNode","insertBefore","keys","map","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","offset","color","opacity","makeSVGContainer","parent","className","width","makeSVGDefs","svgContainer","makeSVGGroup","wrapInSVGGroup","elements","g","forEach","e","makePath","pathStr","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","x","size","data","args","key","makeText","content","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","pos","mode","AXIS_TICK_LENGTH","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","slice","num","parseInt","b","toString","isValidColor","test","getDifferentChart","type","current_type","ALL_CHART_TYPES","includes","error","COMPATIBLE_CHARTS","useColor","COLOR_COMPATIBLE_CHARTS","Chart","title","colors","undefined","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","getAttribute","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","newElements","animElements","push","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","getYAxisComponent","constants","initData","ChartComponent","positions","position","labels","_this3","newData","newPos","newLabels","oldPos","this","oldData","oldLabels","render","store","getPaths","yList","xList","heatline","regionFill","pointsStr","path","gradient_id","svgDefs","components","gradient_id_region","state","yAxis","normalize","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","ceil","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","getRealIntervals","noOfIntervals","asc","part","orderedArray","getValueRange","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","filter","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","getDaysBetween","addDays","numberOfDays","setDate","getChartByType","chartType","AxisChart","chartTypes","create","createElement","SvgTip","title_name","title_value","list_values","title_value_first","setup","make_tooltip","calc_position","container","hide_tip","data_point_list","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","max_left","pointer","pointer_offset","refresh","AxisChartRenderer","refreshState","totalWidth","unitWidth","xAxisMode","yAxisMode","labelSvg","upperBorder","lowerBorder","region","bar","index","noOfDatasets","avgUnitWidth","dot","cx","cy","paths","pathComponents","animPath","regStartPt","regEndPt","animRegion","PRESET_COLOR_MAP","DEFAULT_COLORS","BaseChart","subtitle","isNavigable","showLegend","rawChartArgs","arguments","argHeight","currentIndex","configure","setColors","config","list","datasets","baseHeight","translateY","setHorizontalMargin","translateXLeft","translateXRight","parseData","checkData","animate","getFirstUpdateData","firstUpdateData","validate","_setup","bindWindowEvents","setupConstants","setMargins","makeContainer","makeTooltip","calcWidth","makeChartArea","setupComponents","draw","_this","chartWrapper","statsWrapper","tip","bindTooltip","init","c","make","renderLegend","setupNavigation","update","baseWidth","prepareData","calc","refreshRenderer","renderer","refreshComponents","apply","log","svg","drawArea","makeOverlay","bindOverlay","event","keyCode","onLeftArrow","onRightArrow","onUpArrow","onDownArrow","onEnterKey","dataset","dataPoint","layerClass","layerTransform","preMake","makeElements","postMake","animateElements","layer","textContent","AxisChartController","meta","setupArgs","consts","Object","assign","BarChartController","radius","m","barsWidth","spaceRatio","stacked","minHeight","LineChartController","dotSize","isSeries","valuesOverPoints","formatTooltipY","formatTooltipX","barOptions","lineOptions","setupUnitRenderer","preSetup","unitRenderers","prepareYAxis","s","xAxisLabels","datasetLength","zeroArray","vals","yMarkers","yRegions","calcXPositions","datasetsLabels","name","setYAxis","calcYUnits","calcYMaximums","calcYRegions","configUnits","calcYAxisParameters","getAllYValues","setUnitWidthAndXOffset","xAxisPositions","xOffset","xUnitPositions","dataValues","scaleMultiplier","intervalHeight","cumulativePositions","cumulativeYs","yExtremes","j","end","cumulative","refreshYAxis","_this4","xLine","xLines","newX","oldX","oldState","xExtra","lastLine","translateVertLine","dataUnitsComponents","_this5","getPathComponent","getDataUnitComponent","unitRenderer","_this6","svgUnits","lastUnit","_this8","newPointsList","animatepath","_this9","yMarker","marker","_this10","yRegion","_this11","refreshMeta","_this12","relX","pageX","pageY","mapTooltipXPosition","titles","_this13","formatY","xVal","set_values","show_tip","current_index","data_point","data_key","fire","getDataPoint","datasetValues","splice","ScatterChart","dotRadius","unit_args","getPrototypeOf","LineChart","prototype","showDots","unitArgs","MultiAxisChart","noOfLeftAxes","axisPosition","leftCount","rightCount","unitType","guidePos","setZeroline","zeroline","PercentageChart","max_slices","max_legend_points","marginTop","marginBottom","paddingTop","chartDiv","chart","percentageBar","slice_totals","all_totals","total","totals","sort","a","sum_of_others","legend_totals","grand_total","reduce","slices","ANGLE_RATIO","PI","PieChart","elements_to_animate","hoverRadio","isAnimate","startAngle","clockWise","mouseMove","bind","mouseLeave","centerX","centerY","startPosition","endPosition","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","diffAngle","endAngle","getPositionByAngle","prevProperty","curStart","curEnd","curPath","makeArcPath","transition","property","angle","flag","calTranslateByAngle","g_off","formatted_labels","percent","target","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","x_values","sin","cos","domain","subdomain","discrete_domains","count_label","legend_colors","today","validate_colors","distribution_size","translateX","valid","warn","setFullYear","first_week_start","toDateString","last_week_start","getDay","no_of_cols","domain_label_group","makeLayer","data_groups","data_values","month_names","render_all_weeks_and_store_x_values","no_of_weeks","current_week_sunday","week_col","current_month","months","month_weeks","month_start_points","data_group","month_change","day","get_week_squares_group","render_month_labels","current_date","today_time","getTime","week_col_change","square_side","data_value","color_index","current_timestamp","timestamp","round","dataAttr","heatSquare","next_date","shift","pop","substring","call","querySelectorAll","display","date_parts","split","month","p_off","setup_values","Heatmap"],"mappings":"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"}
\ No newline at end of file
diff --git a/docs/assets/js/frappe-charts.min.js b/docs/assets/js/frappe-charts.min.js
index 0df661f..dafcbbb 100644
--- a/docs/assets/js/frappe-charts.min.js
+++ b/docs/assets/js/frappe-charts.min.js
@@ -1 +1,2 @@
-var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function n(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function a(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function s(t){return parseFloat(t.toFixed(2))}function r(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function o(t,e){return(t+"").length*e}function l(t,e){var i=void 0,n=void 0;return t<=e?(n=t,0===(i=e-t)&&(n-=i=totalHeight*MIN_BAR_PERCENT_HEIGHT)):(i=t-e,n=e),[i,n]}function h(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=r(t,i):e=r(e,i),[t,e]}function c(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function u(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)c(a).appendChild(i);else if("around"===n){var s=c(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":V(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 p(t,e){return u("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function d(t,e,i,n){return u("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function f(t,e,i,n){return u("svg",{className:e,inside:t,width:i,height:n})}function v(t){return u("defs",{inside:t})}function y(t,e){return u("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function g(t){var e=u("g",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:""});return t.forEach(function(t){return e.appendChild(t)}),e}function m(t){return u("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function x(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e,a=p(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),d(a,"0%",e,s[0]),d(a,"50%",e,s[1]),d(a,"100%",e,s[2]),n}function k(t,e,i,n){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:i,width:n,height:n,fill:1};return Object.keys(a).map(function(t){s[t]=a[t]}),u("rect",s)}function _(t,e,i,n){return u("text",{className:t,x:e,y:i,dy:rt/2+"px","font-size":rt+"px",innerHTML:n})}function b(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=ot);var s=u("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=u("text",{x:0,y:i>n?i+st:i-st-rt,dy:rt+"px","font-size":rt+"px","text-anchor":"middle",innerHTML:e}),o=u("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function w(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=ot),a.lineType||(a.lineType="");var s=u("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:t,y2:t,styles:{stroke:a.stroke}}),r=u("text",{x:i<n?i-st:i+st,y:t,dy:rt/2-2+"px","font-size":rt+"px","text-anchor":i<n?"end":"start",innerHTML:e+""}),o=u("g",{"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 A(t){return t>255?255:t<0?0:t}function M(t,e){var i=ut(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=A((a>>16)+e),r=A((a>>8&255)+e),o=A((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function C(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function L(t,e,i){if(t!==e){pt.includes(t)||console.error("'"+t+"' is not a valid chart type."),dt[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=ft[e].includes(t);return new Pt({parent:i.parent,title:i.title,data:i.data,type:t,height:i.height,colors:n?i.colors:void 0})}}function O(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:vt[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 P(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function T(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=O.apply(void 0,it(t)),l=et(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 D(t,e,i){if(0!==i.length){var n=T(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},at)}}function N(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3],a=arguments.length>4&&void 0!==arguments[4]&&arguments[4],s=t.map(function(t,i){return e[i]+","+t}).join("L"),r=m("M"+s,"line-graph-path",i);if(n){var o=x(this.svgDefs,i);r.style.stroke="url(#"+o+")"}var l=[r];if(a){var h=x(this.svgDefs,i,!0),c=this.state.yAxis.zeroLine,u="M0,"+c+"L"+s+"L"+this.width+","+c;l.push(m(u,"region-fill","none","url(#"+h+")"))}return l}function W(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 S(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 z(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=W(t),n=et(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=S(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function R(t){function e(t,e){for(var i=z(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,it(t)),a=Math.min.apply(Math,it(t)),s=[];if(n>=0&&a>=0)W(n)[1],s=i?z(n,a):z(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(W(n)[1],s=e(n,r)):(W(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);W(o)[1],s=(s=i?z(o,l):z(o)).reverse().map(function(t){return-1*t})}return s}function E(t){var e=Y(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 Y(t){return t[1]-t[0]}function j(t){return t[t.length-1]-t[0]}function H(t,e){for(var i=Math.max.apply(Math,it(t)),n=1/(e-1),a=[],s=0;s<e;s++){var r=i*(n*s);a.push(r)}return a}function X(t,e){return e.filter(function(e){return e<t}).length}function U(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function F(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function B(t,e){return Math.ceil(I(t,e)/7)}function I(t,e){return(U(e)-U(t))/864e5}function q(t,e){t.setDate(t.getDate()+e)}function J(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1];return"line"===t?(e.type="line",new _t(e)):"bar"===t?(e.type="bar",new _t(e)):Ot[t]?new Ot[t](e):void console.error("Undefined chart type: "+t)}!function(t,e){if("undefined"==typeof document)return e;t=t||"";var i=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css",i.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',void 0);var V="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},Z=(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")}),G=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}}(),K=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)},Q=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)},tt=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},et=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")}}(),it=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":V(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 nt=function(){function e(t){var i=t.parent,n=void 0===i?null:i,a=t.colors,s=void 0===a?[]:a;Z(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 G(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}(),at=250,st=4,rt=10,ot="#dadada",lt=function(){function t(e){Z(this,t),this.refreshState(e)}return G(t,[{key:"refreshState",value:function(t){this.totalHeight=t.totalHeight,this.totalWidth=t.totalWidth,this.zeroLine=t.zeroLine,this.unitWidth=t.unitWidth,this.xAxisMode=t.xAxisMode,this.yAxisMode=t.yAxisMode}},{key:"setZeroline",value:function(t){this.zeroLine=t}},{key:"xLine",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};i.pos||(i.pos="bottom"),i.offset||(i.offset=0),i.mode||(i.mode=this.xAxisMode),i.stroke||(i.stroke=ot),i.className||(i.className="");var n=this.totalHeight+6,a="span"===i.mode?-6:this.totalHeight;return"tick"===i.mode&&"top"===i.pos&&(n=-6,a=0),b(t,e,n,a,{stroke:i.stroke,className:i.className,lineType:i.lineType})}},{key:"yLine",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};i.pos||(i.pos="left"),i.offset||(i.offset=0),i.mode||(i.mode=this.yAxisMode),i.stroke||(i.stroke=ot),i.className||(i.className="");var n=-6,a="span"===i.mode?this.totalWidth+6:0;return"tick"===i.mode&&"right"===i.pos&&(n=this.totalWidth+6,a=this.totalWidth),n+=i.offset,a+=i.offset,w(t,e,n,a,{stroke:i.stroke,className:i.className,lineType:i.lineType})}},{key:"xMarker",value:function(){}},{key:"yMarker",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=u("text",{className:"chart-label",x:this.totalWidth-o(e,5)-st,y:t-rt-2,dy:rt/2+"px","font-size":rt+"px","text-anchor":"start",innerHTML:e+""}),a=w(t,"",0,this.totalWidth,{stroke:i.stroke||ot,className:i.className||"",lineType:i.lineType});return a.appendChild(n),a}},{key:"xRegion",value:function(){return u("rect",{className:"bar mini",style:"fill: rgba(228, 234, 239, 0.49)",x:0,y:y2,width:this.totalWidth,height:y1-y2})}},{key:"yRegion",value:function(t,e,i){var n=u("rect",{className:"bar mini",style:"fill: rgba(228, 234, 239, 0.49)",x:0,y:e,width:this.totalWidth,height:t-e}),a=u("line",{className:"line-horizontal",x1:0,x2:this.totalWidth,y1:e,y2:e,styles:{stroke:ot}}),s=u("line",{className:"line-horizontal",x1:0,x2:this.totalWidth,y1:t,y2:t,styles:{stroke:ot}}),r=u("text",{className:"chart-label",x:this.totalWidth-o(i,4.5)-st,y:e-rt-2,dy:rt/2+"px","font-size":rt+"px","text-anchor":"start",innerHTML:i+""}),l=u("g",{});return l.appendChild(n),l.appendChild(a),l.appendChild(s),l.appendChild(r),l}},{key:"animatebar",value:function(t,e,i,n,a){var s=e-this.avgUnitWidth/4,r=this.avgUnitWidth/2/a,o=l(i,this.zeroLine,this.totalHeight),h=et(o,2);return e=s+r*n,[t,{width:r,height:h[0],x:e,y:h[1]},350,"easein"]}},{key:"animatedot",value:function(t,e,i){return[t,{cx:e,cy:i},350,"easein"]}},{key:"animatepath",value:function(t,e){var i=[],n=[t[0],{d:"M"+e},350,"easein"];if(i.push(n),t[1]){var a="0,"+this.zeroLine+"L",s="L"+this.totalWidth+", "+this.zeroLine,r=[t[1],{d:"M"+a+e+s},350,"easein"];i.push(r)}return i}},{key:"translate",value:function(t,e,i,n){return[t,{transform:i.join(", ")},n,"easein","translate",{transform:e.join(", ")}]}},{key:"translateVertLine",value:function(t,e,i){return this.translate(t,[i,0],[e,0],350)}},{key:"translateHoriLine",value:function(t,e,i){return this.translate(t,[0,i],[0,e],350)}}]),t}(),ht={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},ct=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta"],ut=function(t){return ht[t]||t},pt=["line","scatter","bar","percentage","heatmap","pie"],dt={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:[]},vt={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"},yt=function(){function e(t){var i=t.height,n=void 0===i?240:i,a=t.title,s=void 0===a?"":a,r=t.subtitle,o=void 0===r?"":r,l=(t.colors,t.isNavigable),h=void 0===l?0:l,c=(t.showLegend,t.type,t.parent);Z(this,e),this.rawChartArgs=arguments[0],this.parent="string"==typeof c?document.querySelector(c):c,this.title=s,this.subtitle=o,this.argHeight=n,this.isNavigable=h,this.isNavigable&&(this.currentIndex=0),this.configure(arguments[0])}return G(e,[{key:"configure",value:function(t){this.setColors(),this.config={showTooltip:1,showLegend:1,isNavigable:0,animate:0},this.state={colors:this.colors}}},{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=ct:this.colors=t.colors,this.colors=this.colors.map(function(t){return ut(t)})}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-40,this.translateY=20,this.setHorizontalMargin()}},{key:"setHorizontalMargin",value:function(){this.translateXLeft=60,this.translateXRight=40}},{key:"validate",value:function(){return this.parent?!!this.parseData():(console.error("No parent element to render on was provided."),!1)}},{key:"parseData",value:function(){var t=this.rawChartArgs.data;if(!this.checkData(t))return!1;if(this.config.animate){var e=this.getFirstUpdateData(t),i=et(e,2);this.data=i[0],this.firstUpdateData=i[1]}else this.data=t;return!0}},{key:"checkData",value:function(){}},{key:"getFirstUpdateData",value:function(){}},{key:"setup",value:function(){this.validate()&&this._setup()}},{key:"_setup",value:function(){this.bindWindowEvents(),this.setupConstants(),this.setupComponents(),this.setMargins(),this.makeContainer(),this.makeTooltip(),this.draw(!0)}},{key:"bindWindowEvents",value:function(){var t=this;window.addEventListener("resize orientationchange",function(){return t.draw()})}},{key:"setupConstants",value:function(){}},{key:"setupComponents",value:function(){this.components=[]}},{key:"makeContainer",value:function(){this.container=t.create("div",{className:"chart-container",innerHTML:'<h6 class="title">'+this.title+'</h6>\n\t\t\t\t<h6 class="sub-title uppercase">'+this.subtitle+'</h6>\n\t\t\t\t<div class="frappe-chart graphics"></div>\n\t\t\t\t<div class="graph-stats-container"></div>'}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new nt({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcWidth(),this.refresh(this.data),this.makeChartArea(),this.setComponentParent(),this.makeComponentLayers(),this.renderLegend(),this.setupNavigation(t),this.renderComponents(),this.renderConstants(),this.config.animate&&this.update(this.firstUpdateData)}},{key:"update",value:function(t){this.refresh(t),this.reRender()}},{key:"calcWidth",value:function(){this.baseWidth=a(this.parent)-0,this.width=this.baseWidth-(this.translateXLeft+this.translateXRight)}},{key:"refresh",value:function(t){this.oldState=this.state?JSON.parse(JSON.stringify(this.state)):{},this.intermedState={},this.prepareData(t),this.reCalc(),this.refreshRenderer()}},{key:"makeChartArea",value:function(){this.svg=f(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=v(this.svg),this.drawArea=y(this.svg,this.type+"-chart","translate("+this.translateXLeft+", "+this.translateY+")")}},{key:"prepareData",value:function(){}},{key:"renderConstants",value:function(){}},{key:"reCalc",value:function(){}},{key:"refreshRenderer",value:function(){this.renderer={}}},{key:"reRender",value:function(){var t=this;if(!(!(arguments.length>0&&void 0!==arguments[0])||arguments[0]))return void this.renderComponents();this.elementsToAnimate=[],this.loadAnimatedComponents(),D(this.chartWrapper,this.svg,this.elementsToAnimate),setTimeout(function(){t.renderComponents()},400)}},{key:"setComponentParent",value:function(){var t=this;this.components.forEach(function(e){return e.setupParent(t.drawArea)})}},{key:"makeComponentLayers",value:function(){this.components.forEach(function(t){return t.makeLayer()})}},{key:"renderComponents",value:function(){this.components.forEach(function(t){return t.render()})}},{key:"loadAnimatedComponents",value:function(){this.components.forEach(function(t){return t.loadAnimatedComponents()})}},{key:"refreshComponents",value:function(){var t=this;this.components.forEach(function(e){return e.refresh(t.state,t.rawChartArgs)})}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.isNavigable||(this.makeOverlay(),e&&(this.bindOverlay(),document.addEventListener("keydown",function(e){n(t.chartWrapper)&&("37"==(e=e||window.event).keyCode?t.onLeftArrow():"39"==e.keyCode?t.onRightArrow():"38"==e.keyCode?t.onUpArrow():"40"==e.keyCode?t.onDownArrow():"13"==e.keyCode&&t.onEnterKey())})))}},{key:"makeOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bind_units",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(){}},{key:"updateDataset",value:function(t,e){}},{key:"updateDatasets",value:function(t){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"updateDataPoint",value:function(t){}},{key:"getDifferentChart",value:function(t){return L(t,this.type,this.rawChartArgs)}}]),e}(),gt=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,s=void 0===a?"":a,r=e.initData,o=e.setData,l=e.preMake,h=e.make,c=e.postMake,u=e.animate;Z(this,t),this.layerClass=n,this.layerTransform=s,this.initData=r,this.setData=o,this.preMake=l,this.make=h,this.postMake=c,this.animate=u,this.layer=void 0,this.store=[]}return G(t,[{key:"refresh",value:function(t,e){this.meta=Object.assign(this.meta||{},e),this.state=t}},{key:"render",value:function(){var t=this;this.data=this.setData(),this.preMake&&this.preMake(),this.store=this.make(),this.layer.textContent="",this.store.forEach(function(e){t.layer.appendChild(e)}),this.postMake&&this.postMake()}},{key:"setupParent",value:function(t){this.parent=t}},{key:"loadAnimatedComponents",value:function(){this.animate(this.store)}},{key:"makeLayer",value:function(){this.layer=y(this.parent,this.layerClass,this.layerTransform)}}]),t}(),mt=function(){function t(e){Z(this,t),this.meta=e||{},this.setupArgs()}return G(t,[{key:"setupArgs",value:function(){this.consts={}}},{key:"setup",value:function(){}},{key:"refreshMeta",value:function(t){this.meta=Object.assign(this.meta||{},t)}},{key:"draw",value:function(){}},{key:"animate",value:function(){}}]),t}(),xt=(function(t){function e(t){return Z(this,e),tt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}Q(e,t),G(e,[{key:"draw",value:function(t,e,i,n){return u("circle",{style:"fill: "+i,"data-point-index":n,cx:t,cy:e,r:this.consts.radius})}},{key:"animate",value:function(t,e,i){return[t,{cx:e,cy:i},350,"easein"]}}])}(mt),function(t){function e(t){return Z(this,e),tt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return Q(e,t),G(e,[{key:"setupArgs",value:function(){this.consts={spaceRatio:.5,minHeight:.01*this.meta.totalHeight}}},{key:"refreshMeta",value:function(t){t&&K(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"refreshMeta",this).call(this,t);var i=this.meta;this.consts.barsWidth=i.unitWidth-i.unitWidth*this.consts.spaceRatio,this.consts.width=this.consts.barsWidth/(i.options&&i.options.stacked?i.options.stacked:i.noOfDatasets)}},{key:"draw",value:function(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=l(e,this.meta.zeroLine),o=et(r,2),h=o[0],c=o[1],p=u("rect",{className:"bar mini",style:"fill: "+i,"data-point-index":a,x:t-this.consts.barsWidth/2,y:c-s,width:this.consts.width,height:h||this.consts.minHeight});return n||n.length?g([p,u("text",{className:"data-point-value",x:t,y:c-s,dy:rt/2*-1+"px","font-size":rt+"px","text-anchor":"middle",innerHTML:n})]):p}},{key:"animate",value:function(t,e,i,n,a){var s=e-this.meta.unitWidth/4,r=this.meta.unitWidth/2/a,o=l(i,this.meta.zeroLine,this.meta.totalHeight),h=et(o,2);return e=s+r*n,[t,{width:r,height:h[0],x:e,y:h[1]},350,"easein"]}}]),e}(mt)),kt=function(t){function e(t){return Z(this,e),tt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return Q(e,t),G(e,[{key:"setupArgs",value:function(){this.consts={radius:this.meta.dotSize||4}}},{key:"draw",value:function(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",a=u("circle",{style:"fill: "+i,"data-point-index":arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,cx:t,cy:e,r:this.consts.radius});return n||n.length?g([a,u("text",{className:"data-point-value",x:t,y:e,dy:rt/2*-1-this.consts.radius+"px","font-size":rt+"px","text-anchor":"middle",innerHTML:n})]):a}},{key:"animate",value:function(t,e,i){return[t,{cx:e,cy:i},350,"easein"]}}]),e}(mt),_t=function(t){function i(t){Z(this,i);var e=tt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t));return e.isSeries=t.isSeries,e.valuesOverPoints=t.valuesOverPoints,e.formatTooltipY=t.formatTooltipY,e.formatTooltipX=t.formatTooltipX,e.barOptions=t.barOptions,e.lineOptions=t.lineOptions,e.type=t.type||"line",e.setupUnitRenderer(),e.zeroLine=e.height,e.preSetup(),e.setup(),e}return Q(i,t),G(i,[{key:"configure",value:function(t){K(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this),this.config.xAxisMode=t.xAxisMode,this.config.yAxisMode=t.yAxisMode}},{key:"preSetup",value:function(){}},{key:"setupUnitRenderer",value:function(){var t=this.rawChartArgs.options;this.unitRenderers={bar:new xt(t),line:new kt(t)}}},{key:"setHorizontalMargin",value:function(){this.translateXLeft=60,this.translateXRight=60}},{key:"checkData",value:function(t){return!0}},{key:"getFirstUpdateData",value:function(t){}},{key:"setupConstants",value:function(){var t=this;this.state={xAxisLabels:[],xAxisPositions:[],xAxisMode:this.config.xAxisMode,yAxisMode:this.config.yAxisMode},this.data.datasets.map(function(e){e.chartType||(e.chartType=t.type)}),this.prepareYAxis()}},{key:"prepareData",value:function(t){var e=this.state;e.xAxisLabels=t.labels||[],e.datasetLength=e.xAxisLabels.length;var i=new Array(e.datasetLength).fill(0);e.datasets=t.datasets,t.datasets||(e.datasets=[{values:i}]),e.datasets.map(function(t,n){var a=t.values;a=a?(a=a.map(function(t){return isNaN(t)?0:t})).length>e.datasetLength?a.slice(0,e.datasetLength):r(a,e.datasetLength-a.length,0):i,t.index=n}),e.noOfDatasets=e.datasets.length,e.yMarkers=t.yMarkers,e.yRegions=t.yRegions}},{key:"prepareYAxis",value:function(){this.state.yAxis={labels:[],positions:[]}}},{key:"reCalc",value:function(){var t=this.state;t.xAxisLabels=this.data.labels,this.calcXPositions(),t.datasetsLabels=this.data.datasets.map(function(t){return t.name}),this.setYAxis(),this.calcYUnits(),this.calcYMaximums(),this.calcYRegions(),this.configUnits()}},{key:"setYAxis",value:function(){this.calcYAxisParameters(this.state.yAxis,this.getAllYValues(),"line"===this.type),this.state.zeroLine=this.state.yAxis.zeroLine}},{key:"calcXPositions",value:function(){var t=this.state;this.setUnitWidthAndXOffset(),t.xAxisPositions=t.xAxisLabels.map(function(e,i){return s(t.xOffset+i*t.unitWidth)}),t.xUnitPositions=new Array(t.noOfDatasets).fill(t.xAxisPositions)}},{key:"calcYAxisParameters",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"false";t.labels=R(e,i);var n=t.labels;t.scaleMultiplier=this.height/j(n);var a=Y(n)*t.scaleMultiplier;t.zeroLine=this.height-E(n)*a,t.positions=n.map(function(e){return t.zeroLine-e*t.scaleMultiplier})}},{key:"calcYUnits",value:function(){var t=this.state;t.datasets.map(function(e){e.positions=e.values.map(function(e){return s(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})}),this.barOptions&&this.barOptions.stacked&&t.datasets.map(function(e,i){e.cumulativePositions=e.cumulativeYs.map(function(e){return s(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})})}},{key:"calcYMaximums",value:function(){var t=this.state;if(this.barOptions&&this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativePositions);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.positions.map(function(e,i){e<t.yExtremes[i]&&(t.yExtremes[i]=e)})})}},{key:"calcYRegions",value:function(){var t=this.state;t.yMarkers&&(t.yMarkers=t.yMarkers.map(function(e){return e.value=s(t.yAxis.zeroLine-e.value*t.yAxis.scaleMultiplier),e})),t.yRegions&&(t.yRegions=t.yRegions.map(function(e){return e.start=s(t.yAxis.zeroLine-e.start*t.yAxis.scaleMultiplier),e.end=s(t.yAxis.zeroLine-e.end*t.yAxis.scaleMultiplier),e}))}},{key:"configUnits",value:function(){}},{key:"setUnitWidthAndXOffset",value:function(){this.state.unitWidth=this.width/this.state.datasetLength,this.state.xOffset=this.state.unitWidth/2}},{key:"getAllYValues",value:function(){var t,e=this,i="values";if(this.barOptions&&this.barOptions.stacked){i="cumulativeYs";var n=new Array(this.state.datasetLength).fill(0);this.state.datasets.map(function(t,a){var s=e.state.datasets[a].values;t[i]=n=n.map(function(t,e){return t+s[e]})})}return(t=[]).concat.apply(t,it(this.state.datasets.map(function(t){return t[i]})))}},{key:"calcIntermedState",value:function(){}},{key:"setupValues",value:function(){}},{key:"setupComponents",value:function(){this.components=[].concat(it(this.getYAxesComponents()),[this.getXAxisComponents()],it(this.getYRegions()),it(this.getXRegions()),it(this.getYMarkerLines()),it(this.getChartComponents()),it(this.getChartLabels()))}},{key:"getYAxesComponents",value:function(){var t=this;return[new gt({layerClass:"y axis",setData:function(){},initializeData:function(){this.axesPositions=this.state},make:function(){var e=t.state;return e.yAxis.positions.map(function(i,n){return t.renderer.yLine(i,e.yAxis.labels[n],{pos:"right"})})},animate:function(e){var i=t.state.yAxis.positions,n=t.oldState.yAxis.positions,a=i.length-n.length,s=e[e.length-1],r=s.parentNode,o=h(n,i),l=et(o,2);if(n=l[0],i=l[1],a>0)for(var c=0;c<a;c++){var u=s.cloneNode(!0);r.appendChild(u),e.push(u)}e.map(function(e,a){t.elementsToAnimate.push(t.renderer.translateHoriLine(e,i[a],n[a]))})}})]}},{key:"getXAxisComponents",value:function(){var t=this;return new gt({layerClass:"x axis",setData:function(){},make:function(){var e=t.state;return e.xAxisPositions.map(function(i,n){return t.renderer.xLine(i,e.xAxisLabels[n])})},animate:function(e){var i=t.state.xAxisPositions,n=t.oldState.xAxisPositions;t.oldState.xExtra=i.length-n.length;var a=e[e.length-1],s=a.parentNode,r=h(n,i),o=et(r,2);if(n=o[0],i=o[1],t.oldState.xExtra>0)for(var l=0;l<t.oldState.xExtra;l++){var c=a.cloneNode(!0);s.appendChild(c),e.push(c)}e.map(function(e,a){t.elementsToAnimate.push(t.renderer.translateVertLine(e,i[a],n[a]))})}})}},{key:"getChartComponents",value:function(){var t=this,e=[];return this.data.datasets.forEach(function(i,n){"line"===i.chartType&&e.push(t.getPathComponent(i,n));var a=t.unitRenderers[i.chartType];e.push(t.getDataUnitComponent(n,a))}),e}},{key:"getChartLabels",value:function(){return[]}},{key:"getDataUnitComponent",value:function(t,e){var i=this;return new gt({layerClass:"dataset-units dataset-"+t,setData:function(){},preMake:function(){},make:function(){var n=i.state.datasets[t];return n.positions.map(function(a,s){return e.draw(i.state.xAxisPositions[s],a,i.colors[t],i.valuesOverPoints?i.barOptions&&i.barOptions.stacked?n.cumulativeYs[s]:n.values[s]:"",s,a-(n.cumulativePositions?n.cumulativePositions[s]:a))})},postMake:function(){var i=this;"bar"!==this.meta.type||this.meta.barOptions&&this.meta.barOptions.stacked||function(){i.layer.setAttribute("transform","translate("+e.consts.width*t+", 0)")}()},animate:function(n){var a=i.state.xAxisPositions,s=i.state.datasets[t].positions,r=n[n.length-1],o=r.parentNode;if(i.oldState.xExtra>0)for(var l=0;l<i.oldState.xExtra;l++){var h=r.cloneNode(!0);o.appendChild(h),n.push(h)}n.map(function(n,r){void 0!==a[r]&&void 0!==s[r]&&i.elementsToAnimate.push(e.animate(n,a[r],s[r],t,i.state.noOfDatasets))})}})}},{key:"getPathComponent",value:function(t,e){var i=this;return new gt({layerClass:"path dataset-path",setData:function(){},make:function(){var t=i.state.datasets[e],n=i.colors[e];return N(t.positions,i.state.xAxisPositions,n,i.config.heatline,i.config.regionFill)},animate:function(t){var n=i.state.xAxisPositions,a=i.state.datasets[e].positions,s=i.oldState.xAxisPositions,r=i.oldState.datasets[e].positions,o=t[0].parentNode,l=h(s,n),c=et(l,2);s=c[0],n=c[1];var u=h(r,a),p=et(u,2);r=p[0],a=p[1],i.oldState.xExtra>0&&(t=N(r,s,i.colors[e],i.config.heatline,i.config.regionFill),o.textContent="",t.map(function(t){return o.appendChild(t)}));var d=a.map(function(t,e){return n[e]+","+t});i.elementsToAnimate=i.elementsToAnimate.concat(i.renderer.animatepath(t,d.join("L")))}})}},{key:"getYMarkerLines",value:function(){var t=this;return this.data.yMarkers?this.data.yMarkers.map(function(e,i){return new gt({layerClass:"y-markers",setData:function(){},make:function(){return t.state.yMarkers.map(function(e){return t.renderer.yMarker(e.value,e.name,{pos:"right",mode:"span",lineType:e.type})})},animate:function(){}})}):[]}},{key:"getYRegions",value:function(){var t=this;return this.data.yRegions?this.data.yRegions.map(function(e,i){return new gt({layerClass:"y-regions",setData:function(){},make:function(){return t.state.yRegions.map(function(e){return t.renderer.yRegion(e.start,e.end,e.name)})},animate:function(){}})}):[]}},{key:"getXRegions",value:function(){return[]}},{key:"refreshRenderer",value:function(){var t=this,e={totalHeight:this.height,totalWidth:this.width,xAxisMode:this.config.xAxisMode,yAxisMode:this.config.yAxisMode,zeroLine:this.state.zeroLine,unitWidth:this.state.unitWidth};this.renderer?this.renderer.refreshState(e):this.renderer=new lt(e),this.refreshComponents();var i={totalHeight:this.height,totalWidth:this.width,zeroLine:this.state.zeroLine,unitWidth:this.state.unitWidth,noOfDatasets:this.state.noOfDatasets};i=Object.assign(i,this.rawChartArgs.options),Object.keys(this.unitRenderers).map(function(e){i.options=t[e+"Options"],t.unitRenderers[e].refreshMeta(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.translateXLeft;i.pageY-n.top-t.translateY<t.height+2*t.translateY?t.mapTooltipXPosition(a):t.tip.hide_tip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this,i=this.state;if(i.yExtremes){var n=i.xAxisLabels;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.xAxisPositions[s];if(t>r-i.unitWidth/2){var o=r+this.translateXLeft,l=i.yExtremes[s]+this.translateY,h=i.datasets.map(function(t,i){return{title:t.title,value:a?e.formatTooltipY(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.set_values(o,l,n[s],"",h),this.tip.show_tip();break}}}}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.current_index,e={index:t},i=this.y[0];return["svg_units","yUnitPositions","values"].map(function(n){var a=n.slice(0,n.length-1);e[a]=i[n][t]}),e.label=this.xAxisLabels[t],e}},{key:"setCurrentDataPoint",value:function(t){(t=parseInt(t))<0&&(t=0),t>=this.xAxisLabels.length&&(t=this.xAxisLabels.length-1),t!==this.current_index&&(this.current_index=t,$.fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;K(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;K(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}}]),i}(yt),bt=function(t){function e(t){Z(this,e);var i=tt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="scatter",t.dotRadius?i.dotRadius=t.dotRadius:i.dotRadius=8,i.setup(),i}return Q(e,t),G(e,[{key:"setup_values",value:function(){K(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_values",this).call(this),this.unit_args={type:"dot",args:{radius:this.dotRadius}}}},{key:"make_paths",value:function(){}},{key:"make_path",value:function(){}}]),e}(function(t){function e(t){Z(this,e);var i=tt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="line",Object.getPrototypeOf(i)!==e.prototype?tt(i):(i.setup(),i)}return Q(e,t),G(e,[{key:"configure",value:function(t){K(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.xAxisMode=t.xAxisMode||"span",this.config.yAxisMode=t.yAxisMode||"span",this.config.dotRadius=t.dotRadius||4,this.config.heatline=t.heatline||0,this.config.regionFill=t.regionFill||0,this.config.showDots=t.showDots||1}},{key:"configUnits",value:function(){this.unitArgs={type:"dot",args:{radius:this.config.dotRadius}}}},{key:"setUnitWidthAndXOffset",value:function(){this.state.unitWidth=this.width/(this.state.datasetLength-1),this.state.xOffset=0}}]),e}(_t)),wt=function(t){function e(t){return Z(this,e),tt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return Q(e,t),G(e,[{key:"preSetup",value:function(){this.type="multiaxis"}},{key:"setHorizontalMargin",value:function(){var t=this.data.datasets.filter(function(t){return"left"===t.axisPosition}).length;this.translateXLeft=60*t||60,this.translateXRight=60*(this.data.datasets.length-t)||60}},{key:"prepareYAxis",value:function(){}},{key:"prepareData",value:function(t){K(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"prepareData",this).call(this,t);var i=0,n=0;this.state.datasets.forEach(function(t,e){t.yAxis={position:t.axisPosition,index:"left"===t.axisPosition?i++:n++}})}},{key:"configure",value:function(t){K(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.xAxisMode=t.xAxisMode||"tick",this.config.yAxisMode=t.yAxisMode||"span"}},{key:"configUnits",value:function(){this.unitArgs={type:"bar",args:{spaceWidth:this.state.unitWidth/2}}}},{key:"setYAxis",value:function(){var t=this;this.state.datasets.map(function(e){t.calcYAxisParameters(e.yAxis,e.values,"line"===t.unitType)})}},{key:"calcYUnits",value:function(){this.state.datasets.map(function(t){t.positions=t.values.map(function(e){return s(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})})}},{key:"renderConstants",value:function(){var t=this;this.state.datasets.map(function(e){var n="left"===e.yAxis.position?-1*e.yAxis.index*60:t.width+60*e.yAxis.index;t.renderer.xLine(n,"",{pos:"top",mode:"span",stroke:t.colors[i],className:"y-axis-guide"})})}},{key:"getYAxesComponents",value:function(){var t=this;return this.data.datasets.map(function(e,i){return new gt({layerClass:"y axis y-axis-"+i,make:function(){var e=t.state.datasets[i].yAxis;t.renderer.setZeroline(e.zeroline);var n={pos:e.position,mode:"tick",offset:60*e.index,stroke:t.colors[i]};return e.positions.map(function(i,a){return t.renderer.yLine(i,e.labels[a],n)})},animate:function(){}})})}},{key:"getChartComponents",value:function(){var t=this;return this.data.datasets.map(function(e,i){return new gt({layerClass:"dataset-units dataset-"+i,make:function(){var e=t.state.datasets[i],n=t.unitArgs;return t.renderer.setZeroline(e.yAxis.zeroLine),e.positions.map(function(e,a){return t.renderer[n.type](t.state.xAxisPositions[a],e,n.args,t.colors[i],a,i,t.state.datasetLength)})},animate:function(e){var n=t.state.datasets[i],a=t.unitArgs.type,s=t.state.xAxisPositions,r=t.state.datasets[i].positions,o=e[e.length-1],l=o.parentNode;if(t.oldState.xExtra>0)for(var h=0;h<t.oldState.xExtra;h++){var c=o.cloneNode(!0);l.appendChild(c),e.push(c)}t.renderer.setZeroline(n.yAxis.zeroLine),e.map(function(e,n){void 0!==s[n]&&void 0!==r[n]&&t.elementsToAnimate.push(t.renderer["animate"+a](e,s[n],r[n],i,t.state.noOfDatasets))})}})})}}]),e}(_t),At=function(i){function n(t){Z(this,n);var e=tt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t));return e.type="percentage",e.max_slices=10,e.max_legend_points=6,e.setup(),e}return Q(n,i),G(n,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.chartDiv=t.create("div",{className:"div",inside:this.chartWrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.chartDiv})}},{key:"setupLayers",value:function(){this.percentageBar=t.create("div",{className:"progress",inside:this.chart})}},{key:"setup_values",value:function(){var t=this;this.slice_totals=[];var e=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),i=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),i=e.slice(0,this.max_slices-1);var n=0;e.slice(this.max_slices-1).map(function(t){n+=t[0]}),i.push([n,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],i.map(function(e){t.slice_totals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.slice_totals.slice(0,this.max_legend_points)}},{key:"renderComponents",value:function(){var e=this;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0),this.slices=[],this.slice_totals.map(function(i,n){var a=t.create("div",{className:"progress-bar",inside:e.percentageBar,styles:{background:e.colors[n],width:100*i/e.grand_total+"%"}});e.slices.push(a)})}},{key:"bindTooltip",value:function(){var t=this;this.slices.map(function(i,n){i.addEventListener("mouseenter",function(){var a=e(t.chartWrapper),s=e(i),r=s.left-a.left+i.offsetWidth/2,o=s.top-a.top-6,l=(t.formatted_labels&&t.formatted_labels.length>0?t.formatted_labels[n]:t.labels[n])+": ",h=(100*t.slice_totals[n]/t.grand_total).toFixed(1);t.tip.set_values(r,o,l,h+"%"),t.tip.show_tip()})})}},{key:"renderLegend",value:function(){var e=this,i=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legend_totals.map(function(n,a){n&&(t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='<span class="indicator">\n\t\t\t\t\t<i style="background: '+e.colors[a]+'"></i>\n\t\t\t\t\t<span class="text-muted">'+i[a]+":</span>\n\t\t\t\t\t"+n+"\n\t\t\t\t</span>")})}}]),n}(yt),Mt=Math.PI/180,Ct=function(i){function n(t){Z(this,n);var e=tt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t));return e.type="pie",e.elements_to_animate=null,e.hoverRadio=t.hoverRadio||.1,e.max_slices=10,e.max_legend_points=6,e.isAnimate=!1,e.startAngle=t.startAngle||0,e.clockWise=t.clockWise||!1,e.mouseMove=e.mouseMove.bind(e),e.mouseLeave=e.mouseLeave.bind(e),e.setup(),e}return Q(n,i),G(n,[{key:"setup_values",value:function(){var t=this;this.centerX=this.width/2,this.centerY=this.height/2,this.radius=this.height>this.width?this.centerX:this.centerY,this.slice_totals=[];var e=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),i=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),i=e.slice(0,this.max_slices-1);var n=0;e.slice(this.max_slices-1).map(function(t){n+=t[0]}),i.push([n,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],i.map(function(e){t.slice_totals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.slice_totals.slice(0,this.max_legend_points)}},{key:"makeArcPath",value:function(t,e){var i=this.centerX,n=this.centerY,a=this.radius,s=this.clockWise;return"M"+i+" "+n+" L"+(i+t.x)+" "+(n+t.y)+" A "+a+" "+a+" 0 0 "+(s?1:0)+" "+(i+e.x)+" "+(n+e.y)+" z"}},{key:"renderComponents",value:function(t){var e=this,i=this.radius,a=this.clockWise;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0);var s=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var r=180-this.startAngle;this.slice_totals.map(function(o,l){var h=r,c=o/e.grand_total*360,u=a?-c:c,p=r+=u,d=n.getPositionByAngle(h,i),f=n.getPositionByAngle(p,i),v=t&&s[l],y=void 0,g=void 0;t?(y=v?v.startPosition:d,g=v?v.endPosition:d):(y=d,g=f);var x=e.makeArcPath(y,g),k=m(x,"pie-path","none",e.colors[l]);k.style.transition="transform .3s;",e.drawArea.appendChild(k),e.slices.push(k),e.slicesProperties.push({startPosition:d,endPosition:f,value:o,total:e.grand_total,startAngle:h,endAngle:p,angle:u}),t&&e.elements_to_animate.push([{unit:k,array:e.slices,index:e.slices.length-1},{d:e.makeArcPath(d,f)},650,"easein",null,{d:x}])}),t&&D(this.chartWrapper,this.svg,this.elements_to_animate)}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,a=n.getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+a.x*i+"px,"+a.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){P(t,this.calTranslateByAngle(this.slicesProperties[i])),t.style.fill=M(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,h=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.labels[i])+": ",c=(100*this.slice_totals[i]/this.grand_total).toFixed(1);this.tip.set_values(o,l,h,c+"%"),this.tip.show_tip()}else P(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=s}}},{key:"mouseMove",value:function(t){for(var e=t.target,i=this.curActiveSliceIndex,n=this.curActiveSlice,a=0;a<this.slices.length;a++)if(e===this.slices[a]){this.hoverSlice(n,i,!1),this.curActiveSlice=e,this.curActiveSliceIndex=a,this.hoverSlice(e,a,!0,t);break}}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}},{key:"bindTooltip",value:function(){this.drawArea.addEventListener("mousemove",this.mouseMove),this.drawArea.addEventListener("mouseleave",this.mouseLeave)}},{key:"renderLegend",value:function(){var e=this,i=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legend_totals.map(function(n,a){var s=e.colors[a];n&&(t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='<span class="indicator">\n\t\t\t\t\t<i style="background-color:'+s+';"></i>\n\t\t\t\t\t<span class="text-muted">'+i[a]+":</span>\n\t\t\t\t\t"+n+"\n\t\t\t\t</span>")})}}],[{key:"getPositionByAngle",value:function(t,e){return{x:Math.sin(t*Mt)*e,y:Math.cos(t*Mt)*e}}}]),n}(yt),Lt=function(t){function e(t){var i=t.start,n=void 0===i?"":i,a=t.domain,s=void 0===a?"":a,r=t.subdomain,o=void 0===r?"":r,l=t.data,h=void 0===l?{}:l,c=t.discrete_domains,u=void 0===c?0:c,p=t.count_label,d=void 0===p?"":p,f=t.legend_colors,v=void 0===f?[]:f;Z(this,e);var y=tt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,arguments[0]));y.type="heatmap",y.domain=s,y.subdomain=o,y.data=h,y.discrete_domains=u,y.count_label=d;var g=new Date;return y.start=n||q(g,365),v=v.slice(0,5),y.legend_colors=y.validate_colors(v)?v:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],y.distribution_size=5,y.translateX=0,y}return Q(e,t),G(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){C(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"setupConstants",value:function(){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()&&q(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&q(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=B(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"setupLayers",value:function(){this.domain_label_group=this.makeLayer("domain-label-group chart-label"),this.data_groups=this.makeLayer("data-groups","translate(0, 20)")}},{key:"setup_values",value:function(){var t=this;this.domain_label_group.textContent="",this.data_groups.textContent="";var e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=H(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"],this.render_all_weeks_and_store_x_values(this.no_of_cols)}},{key:"render_all_weeks_and_store_x_values",value:function(t){var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;i<t;i++){var n=void 0,a=0,s=new Date(e),r=this.get_week_squares_group(s,this.week_col),o=et(r,2);n=o[0],a=o[1],this.data_groups.appendChild(n),this.week_col+=1+parseInt(this.discrete_domains&&a),this.month_weeks[this.current_month]++,a&&(this.current_month=(this.current_month+1)%12,this.months.push(this.current_month+""),this.month_weeks[this.current_month]=1),q(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=y(this.data_groups,"data-group"),r=0,o=0;o<7;o+=1,r+=12){var l=0,h=0,c=t.getTime()/1e3,u=Math.floor(c-c%86400).toFixed(1);this.data[u]&&(l=this.data[u]),this.data[Math.round(u)]&&(l=this.data[Math.round(u)]),l&&(h=X(l,this.distribution));var p=13+12*(e+a),d={"data-date":F(t),"data-value":l,"data-day":t.getDay()},f=k("day",p,r,10,this.legend_colors[h],d);s.appendChild(f);var v=new Date(t);if(q(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=_("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domain_label_group.appendChild(n)})}},{key:"renderComponents",value:function(){Array.prototype.slice.call(this.container.querySelectorAll(".graph-stats-container, .sub-title, .title")).map(function(t){t.style.display="None"}),this.chartWrapper.style.marginTop="0px",this.chartWrapper.style.paddingTop="0px"}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),n=e.target.getAttribute("data-date").split("-"),a=t.month_names[parseInt(n[1])-1].substring(0,3),s=t.chartWrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-s.left+(o+2)/2,h=r.top-s.top-(o+2)/2,c=i+" "+t.count_label,u=" on "+a+" "+n[0]+", "+n[2];t.tip.set_values(l,h,u,c,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){this.data=t,this.setup_values(),this.bindTooltip()}}]),e}(yt),Ot={mixed:_t,multiaxis:wt,scatter:bt,percentage:At,heatmap:Lt,pie:Ct},Pt=function t(e){return Z(this,t),J(e.type,arguments[0])};return Pt}();
+var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function n(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function a(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function s(t){return parseFloat(t.toFixed(2))}function r(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function o(t,e){return(t+"").length*e}function l(t,e){var i=void 0,n=void 0;return t<=e?(n=t,0===(i=e-t)&&(n-=i=totalHeight*MIN_BAR_PERCENT_HEIGHT)):(i=t-e,n=e),[i,n]}function h(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=r(t,i):e=r(e,i),[t,e]}function c(t,e,i,n){return[t,{transform:i.join(", ")},n,ut,"translate",{transform:e.join(", ")}]}function u(t,e,i){return c(t,[0,i],[0,e],ht)}function p(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function d(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)p(a).appendChild(i);else if("around"===n){var s=p(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":tt(a))&&Object.keys(a).map(function(t){i.style[t]=a[t]}):("className"===n&&(n="class"),"innerHTML"===n?i.textContent=a:i.setAttribute(n,a))}return i}function f(t,e){return d("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function v(t,e,i,n){return d("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function y(t,e,i,n){return d("svg",{className:e,inside:t,width:i,height:n})}function g(t){return d("defs",{inside:t})}function m(t,e){return d("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function x(t){var e=d("g",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:""});return t.forEach(function(t){return e.appendChild(t)}),e}function k(t){return d("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,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e,a=f(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),v(a,"0%",e,s[0]),v(a,"50%",e,s[1]),v(a,"100%",e,s[2]),n}function b(t,e,i,n){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:i,width:n,height:n,fill:1};return Object.keys(a).map(function(t){s[t]=a[t]}),d("rect",s)}function w(t,e,i,n){return d("text",{className:t,x:e,y:i,dy:ft/2+"px","font-size":ft+"px",innerHTML:n})}function A(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=vt);var s=d("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=d("text",{x:0,y:i>n?i+dt:i-dt-ft,dy:ft+"px","font-size":ft+"px","text-anchor":"middle",innerHTML:e}),o=d("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function M(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=vt),a.lineType||(a.lineType="");var s=d("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=d("text",{x:i<n?i-dt:i+dt,y:0,dy:ft/2-2+"px","font-size":ft+"px","text-anchor":i<n?"end":"start",innerHTML:e+""}),o=d("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 C(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=vt),n.className||(n.className="");var a=-1*pt,s="span"===n.mode?i+pt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+pt,s=i),a+=n.offset,s+=n.offset,M(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function L(t){return t>255?255:t<0?0:t}function O(t,e){var i=xt(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=L((a>>16)+e),r=L((a>>8&255)+e),o=L((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function T(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function P(t,e,i){if(t!==e){kt.includes(t)||console.error("'"+t+"' is not a valid chart type."),_t[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=bt[e].includes(t);return new Rt({parent:i.parent,title:i.title,data:i.data,type:t,height:i.height,colors:n?i.colors:void 0})}}function D(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:wt[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 N(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function W(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=D.apply(void 0,ot(t)),l=rt(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 S(t,e,i){if(0!==i.length){var n=W(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},ct)}}function E(t,e,i){return new Mt({parent:t,layerClass:"y axis",constants:e,data:i,makeElements:function(t){var e=this;return t.positions.map(function(i,n){return C(i,t.labels[n],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,n=this.oldData.positions,a=this.oldData.labels,s=h(n,e),r=rt(s,2);n=r[0],e=r[1];var o=h(a,i),l=rt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return u(t,e[i],n[i])})}})}function z(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3],a=arguments.length>4&&void 0!==arguments[4]&&arguments[4],s=t.map(function(t,i){return e[i]+","+t}).join("L"),r=k("M"+s,"line-graph-path",i);if(n){var o=_(this.svgDefs,i);r.style.stroke="url(#"+o+")"}var l=[r];if(a){var h=_(this.svgDefs,i,!0),c=this.state.yAxis.zeroLine,u="M0,"+c+"L"+s+"L"+this.width+","+c;l.push(k(u,"region-fill","none","url(#"+h+")"))}return l}function R(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 j(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 Y(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=R(t),n=rt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=j(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function H(t){function e(t,e){for(var i=Y(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,ot(t)),a=Math.min.apply(Math,ot(t)),s=[];if(n>=0&&a>=0)R(n)[1],s=i?Y(n,a):Y(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(R(n)[1],s=e(n,r)):(R(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);R(o)[1],s=(s=i?Y(o,l):Y(o)).reverse().map(function(t){return-1*t})}return s}function X(t){var e=F(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 U(t,e){for(var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,a=1*(t-i)/e,s=[],r=0;r<=e;r++)s.push(i+a*r);return n?s:s.reverse()}function F(t){return t[1]-t[0]}function B(t){return t[t.length-1]-t[0]}function I(t,e){for(var i=Math.max.apply(Math,ot(t)),n=1/(e-1),a=[],s=0;s<e;s++){var r=i*(n*s);a.push(r)}return a}function q(t,e){return e.filter(function(e){return e<t}).length}function V(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function Z(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(G(t,e)/7)}function G(t,e){return(V(e)-V(t))/864e5}function K(t,e){t.setDate(t.getDate()+e)}function Q(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1];return"line"===t?(e.type="line",new Tt(e)):"bar"===t?(e.type="bar",new Tt(e)):zt[t]?new zt[t](e):void console.error("Undefined chart type: "+t)}!function(t,e){if("undefined"==typeof document)return e;t=t||"";var i=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css",i.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',void 0);var tt="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},et=(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")}),it=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}}(),nt=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)},at=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)},st=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},rt=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")}}(),ot=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":tt(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 lt=function(){function e(t){var i=t.parent,n=void 0===i?null:i,a=t.colors,s=void 0===a?[]:a;et(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 it(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}(),ht=350,ct=250,ut="easein",pt=6,dt=4,ft=10,vt="#dadada",yt=function(){function t(e){et(this,t),this.refreshState(e)}return it(t,[{key:"refreshState",value:function(t){this.totalHeight=t.totalHeight,this.totalWidth=t.totalWidth,this.zeroLine=t.zeroLine,this.unitWidth=t.unitWidth,this.xAxisMode=t.xAxisMode,this.yAxisMode=t.yAxisMode}},{key:"setZeroline",value:function(t){this.zeroLine=t}},{key:"xLine",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};i.pos||(i.pos="bottom"),i.offset||(i.offset=0),i.mode||(i.mode="span"),i.stroke||(i.stroke=vt),i.className||(i.className="");var n=this.totalHeight+pt,a="span"===i.mode?-1*pt:this.totalHeight;return"tick"===i.mode&&"top"===i.pos&&(n=-1*pt,a=0),A(t,e,n,a,{stroke:i.stroke,className:i.className,lineType:i.lineType})}},{key:"xMarker",value:function(){}},{key:"yMarker",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=d("text",{className:"chart-label",x:this.totalWidth-o(e,5)-dt,y:t-ft-2,dy:ft/2+"px","font-size":ft+"px","text-anchor":"start",innerHTML:e+""}),a=M(t,"",0,this.totalWidth,{stroke:i.stroke||vt,className:i.className||"",lineType:i.lineType});return a.appendChild(n),a}},{key:"xRegion",value:function(){return d("rect",{className:"bar mini",style:"fill: rgba(228, 234, 239, 0.49)",x:0,y:y2,width:this.totalWidth,height:y1-y2})}},{key:"yRegion",value:function(t,e,i){var n=d("rect",{className:"bar mini",style:"fill: rgba(228, 234, 239, 0.49)",x:0,y:e,width:this.totalWidth,height:t-e}),a=d("line",{className:"line-horizontal",x1:0,x2:this.totalWidth,y1:e,y2:e,styles:{stroke:vt}}),s=d("line",{className:"line-horizontal",x1:0,x2:this.totalWidth,y1:t,y2:t,styles:{stroke:vt}}),r=d("text",{className:"chart-label",x:this.totalWidth-o(i,4.5)-dt,y:e-ft-2,dy:ft/2+"px","font-size":ft+"px","text-anchor":"start",innerHTML:i+""}),l=d("g",{});return l.appendChild(n),l.appendChild(a),l.appendChild(s),l.appendChild(r),l}},{key:"animatebar",value:function(t,e,i,n,a){var s=e-this.avgUnitWidth/4,r=this.avgUnitWidth/2/a,o=l(i,this.zeroLine,this.totalHeight),h=rt(o,2);return e=s+r*n,[t,{width:r,height:h[0],x:e,y:h[1]},350,ut]}},{key:"animatedot",value:function(t,e,i){return[t,{cx:e,cy:i},350,ut]}},{key:"animatepath",value:function(t,e){var i=[],n=[t[0],{d:"M"+e},350,ut];if(i.push(n),t[1]){var a="0,"+this.zeroLine+"L",s="L"+this.totalWidth+", "+this.zeroLine,r=[t[1],{d:"M"+a+e+s},350,ut];i.push(r)}return i}}]),t}(),gt={"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"},mt=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta"],xt=function(t){return gt[t]||t},kt=["line","scatter","bar","percentage","heatmap","pie"],_t={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:[]},bt={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},wt={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"},At=function(){function e(t){var i=t.height,n=void 0===i?240:i,a=t.title,s=void 0===a?"":a,r=t.subtitle,o=void 0===r?"":r,l=(t.colors,t.isNavigable),h=void 0===l?0:l,c=(t.showLegend,t.type,t.parent);et(this,e),this.rawChartArgs=arguments[0],this.parent="string"==typeof c?document.querySelector(c):c,this.title=s,this.subtitle=o,this.argHeight=n,this.isNavigable=h,this.isNavigable&&(this.currentIndex=0),this.configure(arguments[0])}return it(e,[{key:"configure",value:function(t){this.setColors(),this.config={showTooltip:1,showLegend:1,isNavigable:0,animate:0},this.state={colors:this.colors}}},{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=mt:this.colors=t.colors,this.colors=this.colors.map(function(t){return xt(t)})}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-40,this.translateY=20,this.setHorizontalMargin()}},{key:"setHorizontalMargin",value:function(){this.translateXLeft=60,this.translateXRight=40}},{key:"validate",value:function(){return this.parent?!!this.parseData():(console.error("No parent element to render on was provided."),!1)}},{key:"parseData",value:function(){var t=this.rawChartArgs.data;if(!this.checkData(t))return!1;if(this.config.animate){var e=this.getFirstUpdateData(t),i=rt(e,2);this.data=i[0],this.firstUpdateData=i[1]}else this.data=t;return!0}},{key:"checkData",value:function(){}},{key:"getFirstUpdateData",value:function(){}},{key:"setup",value:function(){this.validate()&&this._setup()}},{key:"_setup",value:function(){this.bindWindowEvents(),this.setupConstants(),this.setMargins(),this.makeContainer(),this.makeTooltip(),this.calcWidth(),this.makeChartArea(),this.setupComponents(),this.draw(!0)}},{key:"bindWindowEvents",value:function(){var t=this;window.addEventListener("resize orientationchange",function(){return t.draw()})}},{key:"setupConstants",value:function(){}},{key:"setupComponents",value:function(){this.components=[]}},{key:"makeContainer",value:function(){this.container=t.create("div",{className:"chart-container",innerHTML:'<h6 class="title">'+this.title+'</h6>\n\t\t\t\t<h6 class="sub-title uppercase">'+this.subtitle+'</h6>\n\t\t\t\t<div class="frappe-chart graphics"></div>\n\t\t\t\t<div class="graph-stats-container"></div>'}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new lt({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.components.forEach(function(t){return t.make()}),this.renderLegend(),this.setupNavigation(e),setTimeout(function(){t.update()},1e3)}},{key:"calcWidth",value:function(){this.baseWidth=a(this.parent)-0,this.width=this.baseWidth-(this.translateXLeft+this.translateXRight)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.prepareData(t),this.calc(),this.refreshRenderer(),this.render()}},{key:"prepareData",value:function(){}},{key:"renderConstants",value:function(){}},{key:"calc",value:function(){}},{key:"refreshRenderer",value:function(){this.renderer={}}},{key:"render",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refreshComponents(),this.elementsToAnimate=[].concat.apply([],this.components.map(function(e){return e.update(t)})),console.log(this.elementsToAnimate),this.elementsToAnimate&&S(this.chartWrapper,this.svg,this.elementsToAnimate)}},{key:"refreshComponents",value:function(){}},{key:"makeChartArea",value:function(){this.svg=y(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=g(this.svg),this.drawArea=m(this.svg,this.type+"-chart","translate("+this.translateXLeft+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.isNavigable||(this.makeOverlay(),e&&(this.bindOverlay(),document.addEventListener("keydown",function(e){n(t.chartWrapper)&&("37"==(e=e||window.event).keyCode?t.onLeftArrow():"39"==e.keyCode?t.onRightArrow():"38"==e.keyCode?t.onUpArrow():"40"==e.keyCode?t.onDownArrow():"13"==e.keyCode&&t.onEnterKey())})))}},{key:"makeOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bind_units",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(){}},{key:"updateDataset",value:function(t,e){}},{key:"updateDatasets",value:function(t){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"updateDataPoint",value:function(t){}},{key:"getDifferentChart",value:function(t){return P(t,this.type,this.rawChartArgs)}}]),e}(),Mt=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,s=void 0===a?"":a,r=e.parent,o=e.constants,l=e.data,h=e.preMake,c=e.makeElements,u=e.postMake,p=e.animateElements;et(this,t),this.parent=r,this.layerClass=n,this.layerTransform=s,this.constants=o,this.preMake=h,this.makeElements=c,this.postMake=u,this.animateElements=p,this.store=[],this.layer=m(this.parent,this.layerClass,this.layerTransform),this.data=l,this.make()}return it(t,[{key:"refresh",value:function(t){this.data=t}},{key:"make",value:function(){this.preMake&&this.preMake(),this.render(this.data),this.postMake&&this.postMake(),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=this,e=[];return(!(arguments.length>0&&void 0!==arguments[0])||arguments[0])&&(e=this.animateElements(this.data)),setTimeout(function(){t.make()},1400),e}}]),t}(),Ct=function(){function t(e){et(this,t),this.meta=e||{},this.setupArgs()}return it(t,[{key:"setupArgs",value:function(){this.consts={}}},{key:"setup",value:function(){}},{key:"refreshMeta",value:function(t){this.meta=Object.assign(this.meta||{},t)}},{key:"draw",value:function(){}},{key:"animate",value:function(){}}]),t}(),Lt=(function(t){function e(t){return et(this,e),st(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}at(e,t),it(e,[{key:"draw",value:function(t,e,i,n){return d("circle",{style:"fill: "+i,"data-point-index":n,cx:t,cy:e,r:this.consts.radius})}},{key:"animate",value:function(t,e,i){return[t,{cx:e,cy:i},350,ut]}}])}(Ct),function(t){function e(t){return et(this,e),st(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return at(e,t),it(e,[{key:"setupArgs",value:function(){this.consts={spaceRatio:.5,minHeight:.01*this.meta.totalHeight}}},{key:"refreshMeta",value:function(t){t&&nt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"refreshMeta",this).call(this,t);var i=this.meta;this.consts.barsWidth=i.unitWidth-i.unitWidth*this.consts.spaceRatio,this.consts.width=this.consts.barsWidth/(i.options&&i.options.stacked?i.options.stacked:i.noOfDatasets)}},{key:"draw",value:function(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=l(e,this.meta.zeroLine),o=rt(r,2),h=o[0],c=o[1],u=d("rect",{className:"bar mini",style:"fill: "+i,"data-point-index":a,x:t-this.consts.barsWidth/2,y:c-s,width:this.consts.width,height:h||this.consts.minHeight});return n||n.length?x([u,d("text",{className:"data-point-value",x:t,y:c-s,dy:ft/2*-1+"px","font-size":ft+"px","text-anchor":"middle",innerHTML:n})]):u}},{key:"animate",value:function(t,e,i,n,a){var s=e-this.meta.unitWidth/4,r=this.meta.unitWidth/2/a,o=l(i,this.meta.zeroLine,this.meta.totalHeight),h=rt(o,2);return e=s+r*n,[t,{width:r,height:h[0],x:e,y:h[1]},350,ut]}}]),e}(Ct)),Ot=function(t){function e(t){return et(this,e),st(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return at(e,t),it(e,[{key:"setupArgs",value:function(){this.consts={radius:this.meta.dotSize||4}}},{key:"draw",value:function(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",a=d("circle",{style:"fill: "+i,"data-point-index":arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,cx:t,cy:e,r:this.consts.radius});return n||n.length?x([a,d("text",{className:"data-point-value",x:t,y:e,dy:ft/2*-1-this.consts.radius+"px","font-size":ft+"px","text-anchor":"middle",innerHTML:n})]):a}},{key:"animate",value:function(t,e,i){return[t,{cx:e,cy:i},350,ut]}}]),e}(Ct),Tt=function(t){function i(t){et(this,i);var e=st(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t));return e.isSeries=t.isSeries,e.valuesOverPoints=t.valuesOverPoints,e.formatTooltipY=t.formatTooltipY,e.formatTooltipX=t.formatTooltipX,e.barOptions=t.barOptions,e.lineOptions=t.lineOptions,e.type=t.type||"line",e.xAxisMode=t.xAxisMode||"span",e.yAxisMode=t.yAxisMode||"span",e.setupUnitRenderer(),e.zeroLine=e.height,e.preSetup(),e.setup(),e}return at(i,t),it(i,[{key:"configure",value:function(t){nt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this),this.config.xAxisMode=t.xAxisMode,this.config.yAxisMode=t.yAxisMode}},{key:"preSetup",value:function(){}},{key:"setupUnitRenderer",value:function(){var t=this.rawChartArgs.options;this.unitRenderers={bar:new Lt(t),line:new Ot(t)}}},{key:"setHorizontalMargin",value:function(){this.translateXLeft=60,this.translateXRight=60}},{key:"checkData",value:function(t){return!0}},{key:"getFirstUpdateData",value:function(t){}},{key:"setupConstants",value:function(){var t=this;this.state={xAxisLabels:[],xAxisPositions:[],xAxisMode:this.config.xAxisMode,yAxisMode:this.config.yAxisMode},this.data.datasets.map(function(e){e.chartType||(e.chartType=t.type)}),this.prepareYAxis()}},{key:"prepareData",value:function(t){var e=this.state;e.xAxisLabels=t.labels||[],e.datasetLength=e.xAxisLabels.length;var i=new Array(e.datasetLength).fill(0);e.datasets=t.datasets,t.datasets||(e.datasets=[{values:i}]),e.datasets.map(function(t,n){var a=t.values;a=a?(a=a.map(function(t){return isNaN(t)?0:t})).length>e.datasetLength?a.slice(0,e.datasetLength):r(a,e.datasetLength-a.length,0):i,t.index=n}),e.noOfDatasets=e.datasets.length,e.yMarkers=t.yMarkers,e.yRegions=t.yRegions}},{key:"prepareYAxis",value:function(){this.state.yAxis={labels:[],positions:[]}}},{key:"calc",value:function(){var t=this.state;t.xAxisLabels=this.data.labels,this.calcXPositions(),t.datasetsLabels=this.data.datasets.map(function(t){return t.name}),this.setYAxis(),this.calcYUnits(),this.calcYMaximums(),this.calcYRegions(),this.configUnits()}},{key:"setYAxis",value:function(){this.calcYAxisParameters(this.state.yAxis,this.getAllYValues(),"line"===this.type),this.state.zeroLine=this.state.yAxis.zeroLine}},{key:"calcXPositions",value:function(){var t=this.state;this.setUnitWidthAndXOffset(),t.xAxisPositions=t.xAxisLabels.map(function(e,i){return s(t.xOffset+i*t.unitWidth)}),t.xUnitPositions=new Array(t.noOfDatasets).fill(t.xAxisPositions)}},{key:"calcYAxisParameters",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"false";t.labels=H(e,i);var n=t.labels;t.scaleMultiplier=this.height/B(n);var a=F(n)*t.scaleMultiplier;t.zeroLine=this.height-X(n)*a,t.positions=n.map(function(e){return t.zeroLine-e*t.scaleMultiplier})}},{key:"calcYUnits",value:function(){var t=this.state;t.datasets.map(function(e){e.positions=e.values.map(function(e){return s(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})}),this.barOptions&&this.barOptions.stacked&&t.datasets.map(function(e,i){e.cumulativePositions=e.cumulativeYs.map(function(e){return s(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})})}},{key:"calcYMaximums",value:function(){var t=this.state;if(this.barOptions&&this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativePositions);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.positions.map(function(e,i){e<t.yExtremes[i]&&(t.yExtremes[i]=e)})})}},{key:"calcYRegions",value:function(){var t=this.state;t.yMarkers&&(t.yMarkers=t.yMarkers.map(function(e){return e.value=s(t.yAxis.zeroLine-e.value*t.yAxis.scaleMultiplier),e})),t.yRegions&&(t.yRegions=t.yRegions.map(function(e){return e.start=s(t.yAxis.zeroLine-e.start*t.yAxis.scaleMultiplier),e.end=s(t.yAxis.zeroLine-e.end*t.yAxis.scaleMultiplier),e}))}},{key:"configUnits",value:function(){}},{key:"setUnitWidthAndXOffset",value:function(){this.state.unitWidth=this.width/this.state.datasetLength,this.state.xOffset=this.state.unitWidth/2}},{key:"getAllYValues",value:function(){var t,e=this,i="values";if(this.barOptions&&this.barOptions.stacked){i="cumulativeYs";var n=new Array(this.state.datasetLength).fill(0);this.state.datasets.map(function(t,a){var s=e.state.datasets[a].values;t[i]=n=n.map(function(t,e){return t+s[e]})})}return(t=[]).concat.apply(t,ot(this.state.datasets.map(function(t){return t[i]})))}},{key:"calcIntermedState",value:function(){}},{key:"setupValues",value:function(){}},{key:"setupComponents",value:function(){this.yAxis=E(this.drawArea,{mode:this.yAxisMode,width:this.width},{positions:U(this.height,4,0,0),labels:U(this.height,4,0,0).map(function(t){return t+""})}),this.components=[this.yAxis]}},{key:"refreshComponents",value:function(){this.refreshYAxis()}},{key:"refreshYAxis",value:function(){var t=this.state;this.yAxis.refresh({positions:t.yAxis.positions,labels:t.yAxis.labels})}},{key:"getXAxisComponents",value:function(){var t=this;return new ChartComponent({layerClass:"x axis",setData:function(){var e=t.state;return[{positions:e.xAxisPositions,labels:e.xAxisLabels},{mode:t.xAxisMode,height:t.height}]},makeElements:function(){var e=t.state;return e.xAxisPositions.map(function(i,n){return xLine(i,e.xAxisLabels[n],t.constants.height)})},animate:function(e){var i=t.state.xAxisPositions,n=t.oldState.xAxisPositions;t.oldState.xExtra=i.length-n.length;var a=e[e.length-1],s=a.parentNode,r=h(n,i),o=rt(r,2);if(n=o[0],i=o[1],t.oldState.xExtra>0)for(var l=0;l<t.oldState.xExtra;l++){var c=a.cloneNode(!0);s.appendChild(c),e.push(c)}e.map(function(e,a){t.elementsToAnimate.push(t.renderer.translateVertLine(e,i[a],n[a]))})}})}},{key:"getChartComponents",value:function(){var t=this,e=[];return this.data.datasets.forEach(function(i,n){"line"===i.chartType&&e.push(t.getPathComponent(i,n));var a=t.unitRenderers[i.chartType];e.push(t.getDataUnitComponent(n,a))}),e}},{key:"getChartLabels",value:function(){return[]}},{key:"getDataUnitComponent",value:function(t,e){var i=this;return new ChartComponent({layerClass:"dataset-units dataset-"+t,setData:function(){},preMake:function(){},makeElements:function(){var n=i.state.datasets[t];return n.positions.map(function(a,s){return e.draw(i.state.xAxisPositions[s],a,i.colors[t],i.valuesOverPoints?i.barOptions&&i.barOptions.stacked?n.cumulativeYs[s]:n.values[s]:"",s,a-(n.cumulativePositions?n.cumulativePositions[s]:a))})},postMake:function(){var i=this;"bar"!==this.meta.type||this.meta.barOptions&&this.meta.barOptions.stacked||function(){i.layer.setAttribute("transform","translate("+e.consts.width*t+", 0)")}()},animate:function(n){var a=i.state.xAxisPositions,s=i.state.datasets[t].positions,r=n[n.length-1],o=r.parentNode;if(i.oldState.xExtra>0)for(var l=0;l<i.oldState.xExtra;l++){var h=r.cloneNode(!0);o.appendChild(h),n.push(h)}n.map(function(n,r){void 0!==a[r]&&void 0!==s[r]&&i.elementsToAnimate.push(e.animate(n,a[r],s[r],t,i.state.noOfDatasets))})}})}},{key:"getPathComponent",value:function(t,e){var i=this;return new ChartComponent({layerClass:"path dataset-path",setData:function(){},makeElements:function(){var t=i.state.datasets[e],n=i.colors[e];return z(t.positions,i.state.xAxisPositions,n,i.config.heatline,i.config.regionFill)},animate:function(t){var n=i.state.xAxisPositions,a=i.state.datasets[e].positions,s=i.oldState.xAxisPositions,r=i.oldState.datasets[e].positions,o=t[0].parentNode,l=h(s,n),c=rt(l,2);s=c[0],n=c[1];var u=h(r,a),p=rt(u,2);r=p[0],a=p[1],i.oldState.xExtra>0&&(t=z(r,s,i.colors[e],i.config.heatline,i.config.regionFill),o.textContent="",t.map(function(t){return o.appendChild(t)}));var d=a.map(function(t,e){return n[e]+","+t});i.elementsToAnimate=i.elementsToAnimate.concat(i.renderer.animatepath(t,d.join("L")))}})}},{key:"getYMarkerLines",value:function(){var t=this;return this.data.yMarkers?this.data.yMarkers.map(function(e,i){return new ChartComponent({layerClass:"y-markers",setData:function(){},makeElements:function(){return t.state.yMarkers.map(function(e){return t.renderer.yMarker(e.value,e.name,{pos:"right",mode:"span",lineType:e.type})})},animate:function(){}})}):[]}},{key:"getYRegions",value:function(){var t=this;return this.data.yRegions?this.data.yRegions.map(function(e,i){return new ChartComponent({layerClass:"y-regions",setData:function(){},makeElements:function(){return t.state.yRegions.map(function(e){return t.renderer.yRegion(e.start,e.end,e.name)})},animate:function(){}})}):[]}},{key:"refreshRenderer",value:function(){var t=this,e={totalHeight:this.height,totalWidth:this.width,xAxisMode:this.config.xAxisMode,yAxisMode:this.config.yAxisMode,zeroLine:this.state.zeroLine,unitWidth:this.state.unitWidth};this.renderer?this.renderer.refreshState(e):this.renderer=new yt(e);var i={totalHeight:this.height,totalWidth:this.width,zeroLine:this.state.zeroLine,unitWidth:this.state.unitWidth,noOfDatasets:this.state.noOfDatasets};i=Object.assign(i,this.rawChartArgs.options),Object.keys(this.unitRenderers).map(function(e){i.options=t[e+"Options"],t.unitRenderers[e].refreshMeta(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.translateXLeft;i.pageY-n.top-t.translateY<t.height+2*t.translateY?t.mapTooltipXPosition(a):t.tip.hide_tip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this,i=this.state;if(i.yExtremes){var n=i.xAxisLabels;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.xAxisPositions[s];if(t>r-i.unitWidth/2){var o=r+this.translateXLeft,l=i.yExtremes[s]+this.translateY,h=i.datasets.map(function(t,i){return{title:t.title,value:a?e.formatTooltipY(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.set_values(o,l,n[s],"",h),this.tip.show_tip();break}}}}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.current_index,e={index:t},i=this.y[0];return["svg_units","yUnitPositions","values"].map(function(n){var a=n.slice(0,n.length-1);e[a]=i[n][t]}),e.label=this.xAxisLabels[t],e}},{key:"setCurrentDataPoint",value:function(t){(t=parseInt(t))<0&&(t=0),t>=this.xAxisLabels.length&&(t=this.xAxisLabels.length-1),t!==this.current_index&&(this.current_index=t,$.fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;nt(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;nt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}}]),i}(At),Pt=function(t){function e(t){et(this,e);var i=st(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="scatter",t.dotRadius?i.dotRadius=t.dotRadius:i.dotRadius=8,i.setup(),i}return at(e,t),it(e,[{key:"setup_values",value:function(){nt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_values",this).call(this),this.unit_args={type:"dot",args:{radius:this.dotRadius}}}},{key:"make_paths",value:function(){}},{key:"make_path",value:function(){}}]),e}(function(t){function e(t){et(this,e);var i=st(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="line",Object.getPrototypeOf(i)!==e.prototype?st(i):(i.setup(),i)}return at(e,t),it(e,[{key:"configure",value:function(t){nt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.xAxisMode=t.xAxisMode||"span",this.config.yAxisMode=t.yAxisMode||"span",this.config.dotRadius=t.dotRadius||4,this.config.heatline=t.heatline||0,this.config.regionFill=t.regionFill||0,this.config.showDots=t.showDots||1}},{key:"configUnits",value:function(){this.unitArgs={type:"dot",args:{radius:this.config.dotRadius}}}},{key:"setUnitWidthAndXOffset",value:function(){this.state.unitWidth=this.width/(this.state.datasetLength-1),this.state.xOffset=0}}]),e}(Tt)),Dt=function(t){function e(t){return et(this,e),st(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return at(e,t),it(e,[{key:"preSetup",value:function(){this.type="multiaxis"}},{key:"setHorizontalMargin",value:function(){var t=this.data.datasets.filter(function(t){return"left"===t.axisPosition}).length;this.translateXLeft=60*t||60,this.translateXRight=60*(this.data.datasets.length-t)||60}},{key:"prepareYAxis",value:function(){}},{key:"prepareData",value:function(t){nt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"prepareData",this).call(this,t);var i=0,n=0;this.state.datasets.forEach(function(t,e){t.yAxis={position:t.axisPosition,index:"left"===t.axisPosition?i++:n++}})}},{key:"configure",value:function(t){nt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.xAxisMode=t.xAxisMode||"tick",this.config.yAxisMode=t.yAxisMode||"span"}},{key:"configUnits",value:function(){this.unitArgs={type:"bar",args:{spaceWidth:this.state.unitWidth/2}}}},{key:"setYAxis",value:function(){var t=this;this.state.datasets.map(function(e){t.calcYAxisParameters(e.yAxis,e.values,"line"===t.unitType)})}},{key:"calcYUnits",value:function(){this.state.datasets.map(function(t){t.positions=t.values.map(function(e){return s(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})})}},{key:"renderConstants",value:function(){var t=this;this.state.datasets.map(function(e){var n="left"===e.yAxis.position?-1*e.yAxis.index*60:t.width+60*e.yAxis.index;t.renderer.xLine(n,"",{pos:"top",mode:"span",stroke:t.colors[i],className:"y-axis-guide"})})}},{key:"getYAxesComponents",value:function(){var t=this;return this.data.datasets.map(function(e,i){return new ChartComponent({layerClass:"y axis y-axis-"+i,make:function(){var e=t.state.datasets[i].yAxis;t.renderer.setZeroline(e.zeroline);var n={pos:e.position,mode:"tick",offset:60*e.index,stroke:t.colors[i]};return e.positions.map(function(i,a){return t.renderer.yLine(i,e.labels[a],n)})},animate:function(){}})})}},{key:"getChartComponents",value:function(){var t=this;return this.data.datasets.map(function(e,i){return new ChartComponent({layerClass:"dataset-units dataset-"+i,make:function(){var e=t.state.datasets[i],n=t.unitArgs;return t.renderer.setZeroline(e.yAxis.zeroLine),e.positions.map(function(e,a){return t.renderer[n.type](t.state.xAxisPositions[a],e,n.args,t.colors[i],a,i,t.state.datasetLength)})},animate:function(e){var n=t.state.datasets[i],a=t.unitArgs.type,s=t.state.xAxisPositions,r=t.state.datasets[i].positions,o=e[e.length-1],l=o.parentNode;if(t.oldState.xExtra>0)for(var h=0;h<t.oldState.xExtra;h++){var c=o.cloneNode(!0);l.appendChild(c),e.push(c)}t.renderer.setZeroline(n.yAxis.zeroLine),e.map(function(e,n){void 0!==s[n]&&void 0!==r[n]&&t.elementsToAnimate.push(t.renderer["animate"+a](e,s[n],r[n],i,t.state.noOfDatasets))})}})})}}]),e}(Tt),Nt=function(e){function i(t){et(this,i);var e=st(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t));return e.type="percentage",e.max_slices=10,e.max_legend_points=6,e.setup(),e}return at(i,e),it(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.chartDiv=t.create("div",{className:"div",inside:this.chartWrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.chartDiv})}},{key:"setupLayers",value:function(){this.percentageBar=t.create("div",{className:"progress",inside:this.chart})}},{key:"setup_values",value:function(){var t=this;this.slice_totals=[];var e=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),i=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),i=e.slice(0,this.max_slices-1);var n=0;e.slice(this.max_slices-1).map(function(t){n+=t[0]}),i.push([n,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],i.map(function(e){t.slice_totals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.slice_totals.slice(0,this.max_legend_points)}},{key:"renderComponents",value:function(){var e=this;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0),this.slices=[],this.slice_totals.map(function(i,n){var a=t.create("div",{className:"progress-bar",inside:e.percentageBar,styles:{background:e.colors[n],width:100*i/e.grand_total+"%"}});e.slices.push(a)})}},{key:"calc",value:function(){}}]),i}(At),Wt=Math.PI/180,St=function(i){function n(t){et(this,n);var e=st(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t));return e.type="pie",e.elements_to_animate=null,e.hoverRadio=t.hoverRadio||.1,e.max_slices=10,e.max_legend_points=6,e.isAnimate=!1,e.startAngle=t.startAngle||0,e.clockWise=t.clockWise||!1,e.mouseMove=e.mouseMove.bind(e),e.mouseLeave=e.mouseLeave.bind(e),e.setup(),e}return at(n,i),it(n,[{key:"setup_values",value:function(){var t=this;this.centerX=this.width/2,this.centerY=this.height/2,this.radius=this.height>this.width?this.centerX:this.centerY,this.slice_totals=[];var e=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),i=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),i=e.slice(0,this.max_slices-1);var n=0;e.slice(this.max_slices-1).map(function(t){n+=t[0]}),i.push([n,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],i.map(function(e){t.slice_totals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.slice_totals.slice(0,this.max_legend_points)}},{key:"makeArcPath",value:function(t,e){var i=this.centerX,n=this.centerY,a=this.radius,s=this.clockWise;return"M"+i+" "+n+" L"+(i+t.x)+" "+(n+t.y)+" A "+a+" "+a+" 0 0 "+(s?1:0)+" "+(i+e.x)+" "+(n+e.y)+" z"}},{key:"renderComponents",value:function(t){var e=this,i=this.radius,a=this.clockWise;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0);var s=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var r=180-this.startAngle;this.slice_totals.map(function(o,l){var h=r,c=o/e.grand_total*360,u=a?-c:c,p=r+=u,d=n.getPositionByAngle(h,i),f=n.getPositionByAngle(p,i),v=t&&s[l],y=void 0,g=void 0;t?(y=v?v.startPosition:d,g=v?v.endPosition:d):(y=d,g=f);var m=e.makeArcPath(y,g),x=k(m,"pie-path","none",e.colors[l]);x.style.transition="transform .3s;",e.drawArea.appendChild(x),e.slices.push(x),e.slicesProperties.push({startPosition:d,endPosition:f,value:o,total:e.grand_total,startAngle:h,endAngle:p,angle:u}),t&&e.elements_to_animate.push([{unit:x,array:e.slices,index:e.slices.length-1},{d:e.makeArcPath(d,f)},650,"easein",null,{d:m}])}),t&&S(this.chartWrapper,this.svg,this.elements_to_animate)}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,a=n.getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+a.x*i+"px,"+a.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){N(t,this.calTranslateByAngle(this.slicesProperties[i])),t.style.fill=O(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,h=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.labels[i])+": ",c=(100*this.slice_totals[i]/this.grand_total).toFixed(1);this.tip.set_values(o,l,h,c+"%"),this.tip.show_tip()}else N(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=s}}},{key:"mouseMove",value:function(t){for(var e=t.target,i=this.curActiveSliceIndex,n=this.curActiveSlice,a=0;a<this.slices.length;a++)if(e===this.slices[a]){this.hoverSlice(n,i,!1),this.curActiveSlice=e,this.curActiveSliceIndex=a,this.hoverSlice(e,a,!0,t);break}}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}},{key:"bindTooltip",value:function(){this.drawArea.addEventListener("mousemove",this.mouseMove),this.drawArea.addEventListener("mouseleave",this.mouseLeave)}},{key:"renderLegend",value:function(){var e=this,i=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legend_totals.map(function(n,a){var s=e.colors[a];n&&(t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='<span class="indicator">\n\t\t\t\t\t<i style="background-color:'+s+';"></i>\n\t\t\t\t\t<span class="text-muted">'+i[a]+":</span>\n\t\t\t\t\t"+n+"\n\t\t\t\t</span>")})}}],[{key:"getPositionByAngle",value:function(t,e){return{x:Math.sin(t*Wt)*e,y:Math.cos(t*Wt)*e}}}]),n}(At),Et=function(t){function e(t){var i=t.start,n=void 0===i?"":i,a=t.domain,s=void 0===a?"":a,r=t.subdomain,o=void 0===r?"":r,l=t.data,h=void 0===l?{}:l,c=t.discrete_domains,u=void 0===c?0:c,p=t.count_label,d=void 0===p?"":p,f=t.legend_colors,v=void 0===f?[]:f;et(this,e);var y=st(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,arguments[0]));y.type="heatmap",y.domain=s,y.subdomain=o,y.data=h,y.discrete_domains=u,y.count_label=d;var g=new Date;return y.start=n||K(g,365),v=v.slice(0,5),y.legend_colors=y.validate_colors(v)?v:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],y.distribution_size=5,y.translateX=0,y}return at(e,t),it(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){T(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"setupConstants",value:function(){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()&&K(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&K(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:"setupLayers",value:function(){this.domain_label_group=this.makeLayer("domain-label-group chart-label"),this.data_groups=this.makeLayer("data-groups","translate(0, 20)")}},{key:"setup_values",value:function(){var t=this;this.domain_label_group.textContent="",this.data_groups.textContent="";var e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=I(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"],this.render_all_weeks_and_store_x_values(this.no_of_cols)}},{key:"render_all_weeks_and_store_x_values",value:function(t){var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;i<t;i++){var n=void 0,a=0,s=new Date(e),r=this.get_week_squares_group(s,this.week_col),o=rt(r,2);n=o[0],a=o[1],this.data_groups.appendChild(n),this.week_col+=1+parseInt(this.discrete_domains&&a),this.month_weeks[this.current_month]++,a&&(this.current_month=(this.current_month+1)%12,this.months.push(this.current_month+""),this.month_weeks[this.current_month]=1),K(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=m(this.data_groups,"data-group"),r=0,o=0;o<7;o+=1,r+=12){var l=0,h=0,c=t.getTime()/1e3,u=Math.floor(c-c%86400).toFixed(1);this.data[u]&&(l=this.data[u]),this.data[Math.round(u)]&&(l=this.data[Math.round(u)]),l&&(h=q(l,this.distribution));var p=13+12*(e+a),d={"data-date":Z(t),"data-value":l,"data-day":t.getDay()},f=b("day",p,r,10,this.legend_colors[h],d);s.appendChild(f);var v=new Date(t);if(K(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=w("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domain_label_group.appendChild(n)})}},{key:"renderComponents",value:function(){Array.prototype.slice.call(this.container.querySelectorAll(".graph-stats-container, .sub-title, .title")).map(function(t){t.style.display="None"}),this.chartWrapper.style.marginTop="0px",this.chartWrapper.style.paddingTop="0px"}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),n=e.target.getAttribute("data-date").split("-"),a=t.month_names[parseInt(n[1])-1].substring(0,3),s=t.chartWrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-s.left+(o+2)/2,h=r.top-s.top-(o+2)/2,c=i+" "+t.count_label,u=" on "+a+" "+n[0]+", "+n[2];t.tip.set_values(l,h,u,c,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){this.data=t,this.setup_values(),this.bindTooltip()}}]),e}(At),zt={mixed:Tt,multiaxis:Dt,scatter:Pt,percentage:Nt,heatmap:Et,pie:St},Rt=function t(e){return et(this,t),Q(e.type,arguments[0])};return Rt}();
+//# 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
new file mode 100644
index 0000000..00d9c2b
--- /dev/null
+++ b/docs/assets/js/frappe-charts.min.js.map
@@ -0,0 +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/objects/ChartComponents.js","../../../src/js/objects/AxisChartControllers.js","../../../src/js/utils/intervals.js","../../../src/js/utils/date-utils.js","../../../src/js/chart.js","../../../src/js/objects/SvgTip.js","../../../src/js/charts/BaseChart.js","../../../src/js/charts/AxisChart.js","../../../src/js/utils/margins.js","../../../src/js/charts/ScatterChart.js","../../../src/js/charts/LineChart.js","../../../src/js/charts/MultiAxisChart.js","../../../src/js/charts/PercentageChart.js","../../../src/js/charts/PieChart.js","../../../src/js/charts/Heatmap.js"],"sourcesContent":["export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n        rect.left >= 0 &&\n        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n        rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n","/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\n\t\t// In case of invisible bars\n\t\tif(height === 0) {\n\t\t\theight = totalHeight * MIN_BAR_PERCENT_HEIGHT;\n\t\t\ty -= height;\n\t\t}\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textra_count=array2.length - array1.length) {\n\n\tif(extra_count > 0) {\n\t\tarray1 = fillArray(array1, extra_count);\n\t} else {\n\t\tarray2 = fillArray(array2, extra_count);\n\t}\n\treturn [array1, array2];\n}\n\n// let char_width = 8;\n// let allowed_space = avgUnitWidth * 1.5;\n// let allowed_letters = allowed_space / 8;\n\n// return values.map((value, i) => {\n// \tlet space_taken = getStringWidth(value, char_width) + 2;\n// \tif(space_taken > allowed_space) {\n// \t\tif(isSeries) {\n// \t\t\t// Skip some axis lines if X axis is a series\n// \t\t\tlet skips = 1;\n// \t\t\twhile((space_taken/skips)*2 > allowed_space) {\n// \t\t\t\tskips++;\n// \t\t\t}\n// \t\t\tif(i % skips !== 0) {\n// \t\t\t\treturn;\n// \t\t\t}\n// \t\t} else {\n// \t\t\tvalue = value.slice(0, allowed_letters-3) + \" ...\";\n// \t\t}\n// \t}\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: oldCoord.join(', ')}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport var Animator = (function() {\n\tvar Animator = function(totalHeight, totalWidth, zeroLine, avgUnitWidth) {\n\t\t// constants\n\t\tthis.totalHeight = totalHeight;\n\t\tthis.totalWidth = totalWidth;\n\n\t\t// changeables\n\t\tthis.avgUnitWidth = avgUnitWidth;\n\t\tthis.zeroLine = zeroLine;\n\t};\n\n\tAnimator.prototype = {\n\t\tbar: function(barObj, x, yTop, index, noOfDatasets) {\n\t\t\tlet start = x - this.avgUnitWidth/4;\n\t\t\tlet width = (this.avgUnitWidth/2)/noOfDatasets;\n\t\t\tlet [height, y] = getBarHeightAndYAttr(yTop, this.zeroLine, this.totalHeight);\n\n\t\t\tx = start + (width * index);\n\n\t\t\treturn [barObj, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING];\n\t\t\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t\t},\n\n\t\tdot: function(dotObj, x, yTop) {\n\t\t\treturn [dotObj, {cx: x, cy: yTop}, UNIT_ANIM_DUR, STD_EASING];\n\t\t\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t\t},\n\n\t\tpath: function(d, pathStr) {\n\t\t\tlet pathComponents = [];\n\t\t\tconst animPath = [{unit: d.path, object: d, key: 'path'}, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\t\t\tpathComponents.push(animPath);\n\n\t\t\tif(d.regionPath) {\n\t\t\t\tlet regStartPt = `0,${this.zeroLine}L`;\n\t\t\t\tlet regEndPt = `L${this.totalWidth}, ${this.zeroLine}`;\n\n\t\t\t\tconst animRegion = [\n\t\t\t\t\t{unit: d.regionPath, object: d, key: 'regionPath'},\n\t\t\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\t\t\tPATH_ANIM_DUR,\n\t\t\t\t\tSTD_EASING\n\t\t\t\t];\n\t\t\t\tpathComponents.push(animRegion);\n\t\t\t}\n\n\t\t\treturn pathComponents;\n\t\t}\n\t};\n\n\treturn Animator;\n})();\n\n\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from './animate';\n\n/*\n\n<filter id=\"glow\" x=\"-10%\" y=\"-10%\" width=\"120%\" height=\"120%\">\n\t<feGaussianBlur stdDeviation=\"0.5 0.5\" result=\"glow\"></feGaussianBlur>\n\t<feMerge>\n\t\t<feMergeNode in=\"glow\"></feMergeNode>\n\t\t<feMergeNode in=\"glow\"></feMergeNode>\n\t\t<feMergeNode in=\"glow\"></feMergeNode>\n\t</feMerge>\n</filter>\n\n    filter: url(#glow);\n    fill: #fff;\n\n*/\n\nconst AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst BASE_BG_COLOR = '#F7FAFC';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(parent, className, transform='') {\n\treturn createSVG('g', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\ttransform: transform\n\t});\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none') {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill\n\t\t}\n\t});\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color;\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\n\tlet opacities = [1, 0.6, 0.2];\n\tif(lighter) {\n\t\topacities = [0.4, 0.2, 0];\n\t}\n\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\n\n\treturn gradientId;\n}\n\nexport function makeHeatSquare(className, x, y, size, fill='none', data={}) {\n\tlet args = {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: size,\n\t\theight: size,\n\t\tfill: 1\n\t};\n\n\tObject.keys(data).map(key => {\n\t\targs[key] = data[key];\n\t});\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function makeText(className, x, y, content) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH\n\t\tx2 = width;\n\t}\n\n\tlet offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport class AxisChartRenderer {\n\tconstructor(state) {\n\t\tthis.refreshState(state);\n\t}\n\n\trefreshState(state) {\n\t\tthis.totalHeight = state.totalHeight;\n\t\tthis.totalWidth = state.totalWidth;\n\t\tthis.zeroLine = state.zeroLine;\n\t\tthis.unitWidth = state.unitWidth;\n\t\tthis.xAxisMode = state.xAxisMode;\n\t\tthis.yAxisMode = state.yAxisMode;\n\t}\n\n\tsetZeroline(zeroLine) {\n\t\tthis.zeroLine = zeroLine;\n\t}\n\n\txLine(x, label, options={}) {\n\t\tif(!options.pos) options.pos = 'bottom';\n\t\tif(!options.offset) options.offset = 0;\n\t\tif(!options.mode) options.mode = 'span';\n\t\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\t\tif(!options.className) options.className = '';\n\n\t\t// Draw X axis line in span/tick mode with optional label\n\t\t//                        \ty2(span)\n\t\t// \t\t\t\t\t\t|\n\t\t// \t\t\t\t\t\t|\n\t\t//\t\t\t\tx line\t|\n\t\t//\t\t\t\t\t\t|\n\t\t// \t\t\t\t\t   \t|\n\t\t// ---------------------+-- y2(tick)\n\t\t//\t\t\t\t\t\t|\n\t\t//\t\t\t\t\t\t\ty1\n\n\t\tlet y1 = this.totalHeight + AXIS_TICK_LENGTH;\n\t\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : this.totalHeight;\n\n\t\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t\t// top axis ticks\n\t\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\t\ty2 = 0;\n\t\t}\n\n\t\treturn makeVertLine(x, label, y1, y2, {\n\t\t\tstroke: options.stroke,\n\t\t\tclassName: options.className,\n\t\t\tlineType: options.lineType\n\t\t});\n\t}\n\n\n\n\n\txMarker() {}\n\tyMarker(y, label, options={}) {\n\t\tlet labelSvg = createSVG('text', {\n\t\t\tclassName: 'chart-label',\n\t\t\tx: this.totalWidth - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\t\ty: y - FONT_SIZE - 2,\n\t\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'start',\n\t\t\tinnerHTML: label+\"\"\n\t\t});\n\n\t\tlet line = makeHoriLine(y, '', 0, this.totalWidth, {\n\t\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\t\tclassName: options.className || '',\n\t\t\tlineType: options.lineType\n\t\t});\n\n\t\tline.appendChild(labelSvg);\n\n\t\treturn line;\n\t}\n\n\txRegion() {\n\t\treturn createSVG('rect', {\n\t\t\tclassName: `bar mini`, // remove class\n\t\t\tstyle: `fill: rgba(228, 234, 239, 0.49)`,\n\t\t\t// 'data-point-index': index,\n\t\t\tx: 0,\n\t\t\ty: y2,\n\t\t\twidth: this.totalWidth,\n\t\t\theight: y1 - y2\n\t\t});\n\n\t\treturn region;\n\t}\n\n\tyRegion(y1, y2, label) {\n\t\t// return a group\n\n\t\tlet rect = createSVG('rect', {\n\t\t\tclassName: `bar mini`, // remove class\n\t\t\tstyle: `fill: rgba(228, 234, 239, 0.49)`,\n\t\t\t// 'data-point-index': index,\n\t\t\tx: 0,\n\t\t\ty: y2,\n\t\t\twidth: this.totalWidth,\n\t\t\theight: y1 - y2\n\t\t});\n\n\t\tlet upperBorder = createSVG('line', {\n\t\t\tclassName: 'line-horizontal',\n\t\t\tx1: 0,\n\t\t\tx2: this.totalWidth,\n\t\t\ty1: y2,\n\t\t\ty2: y2,\n\t\t\tstyles: {\n\t\t\t\tstroke: BASE_LINE_COLOR\n\t\t\t}\n\t\t});\n\t\tlet lowerBorder = createSVG('line', {\n\t\t\tclassName: 'line-horizontal',\n\t\t\tx1: 0,\n\t\t\tx2: this.totalWidth,\n\t\t\ty1: y1,\n\t\t\ty2: y1,\n\t\t\tstyles: {\n\t\t\t\tstroke: BASE_LINE_COLOR\n\t\t\t}\n\t\t});\n\n\t\tlet labelSvg = createSVG('text', {\n\t\t\tclassName: 'chart-label',\n\t\t\tx: this.totalWidth - getStringWidth(label, 4.5) - LABEL_MARGIN,\n\t\t\ty: y2 - FONT_SIZE - 2,\n\t\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'start',\n\t\t\tinnerHTML: label+\"\"\n\t\t});\n\n\t\tlet region = createSVG('g', {});\n\n\t\tregion.appendChild(rect);\n\t\tregion.appendChild(upperBorder);\n\t\tregion.appendChild(lowerBorder);\n\t\tregion.appendChild(labelSvg);\n\n\t\treturn region;\n\t}\n\n\tanimatebar(bar, x, yTop, index, noOfDatasets) {\n\t\tlet start = x - this.avgUnitWidth/4;\n\t\tlet width = (this.avgUnitWidth/2)/noOfDatasets;\n\t\tlet [height, y] = getBarHeightAndYAttr(yTop, this.zeroLine, this.totalHeight);\n\n\t\tx = start + (width * index);\n\n\t\treturn [bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING];\n\t\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t}\n\n\tanimatedot(dot, x, yTop) {\n\t\treturn [dot, {cx: x, cy: yTop}, UNIT_ANIM_DUR, STD_EASING];\n\t\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t}\n\n\tanimatepath(paths, pathStr) {\n\t\tlet pathComponents = [];\n\t\tconst animPath = [paths[0], {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\t\tpathComponents.push(animPath);\n\n\t\tif(paths[1]) {\n\t\t\tlet regStartPt = `0,${this.zeroLine}L`;\n\t\t\tlet regEndPt = `L${this.totalWidth}, ${this.zeroLine}`;\n\n\t\t\tconst animRegion = [\n\t\t\t\tpaths[1],\n\t\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\t\tPATH_ANIM_DUR,\n\t\t\t\tSTD_EASING\n\t\t\t];\n\t\t\tpathComponents.push(animRegion);\n\t\t}\n\n\t\treturn pathComponents;\n\t}\n}\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nexport const DEFAULT_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta'];\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import Chart from './chart';\n\nconst ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nconst COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tscatter: ['line', 'bar', 'percentage', 'pie'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\n// Needs structure as per only labels/datasets\nconst COLOR_COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter'],\n\tline: ['scatter', 'bar'],\n\tpie: ['percentage'],\n\tscatter: ['line', 'bar'],\n\tpercentage: ['pie'],\n\theatmap: []\n};\n\nexport function getDifferentChart(type, current_type, args) {\n\tif(type === current_type) return;\n\n\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t}\n\n\tif(!COMPATIBLE_CHARTS[current_type].includes(type)) {\n\t\tconsole.error(`'${current_type}' chart cannot be converted to a '${type}' chart.`);\n\t}\n\n\t// whether the new chart can use the existing colors\n\tconst useColor = COLOR_COMPATIBLE_CHARTS[current_type].includes(type);\n\n\t// Okay, this is anticlimactic\n\t// this function will need to actually be 'changeChartType(type)'\n\t// that will update only the required elements, but for now ...\n\treturn new Chart({\n\t\tparent: args.parent,\n\t\ttitle: args.title,\n\t\tdata: args.data,\n\t\ttype: type,\n\t\theight: args.height,\n\t\tcolors: useColor ? args.colors : undefined\n\t});\n}","// Leveraging SMIL Animations\n\nimport { REPLACE_ALL_NEW_DUR } from './animate';\n\nconst EASING = {\n\tease: \"0.25 0.1 0.25 1\",\n\tlinear: \"0 0 1 1\",\n\t// easein: \"0.42 0 1 1\",\n\teasein: \"0.1 0.8 0.2 1\",\n\teaseout: \"0 0 0.58 1\",\n\teaseinout: \"0.42 0 0.58 1\"\n};\n\nfunction animateSVGElement(element, props, dur, easingType=\"linear\", type=undefined, oldValues={}) {\n\n\tlet animElement = element.cloneNode(true);\n\tlet newElement = element.cloneNode(true);\n\n\tfor(var attributeName in props) {\n\t\tlet animateElement;\n\t\tif(attributeName === 'transform') {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\n\t\t} else {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\n\t\t}\n\t\tlet currentValue = oldValues[attributeName] || element.getAttribute(attributeName);\n\t\tlet value = props[attributeName];\n\n\t\tlet animAttr = {\n\t\t\tattributeName: attributeName,\n\t\t\tfrom: currentValue,\n\t\t\tto: value,\n\t\t\tbegin: \"0s\",\n\t\t\tdur: dur/1000 + \"s\",\n\t\t\tvalues: currentValue + \";\" + value,\n\t\t\tkeySplines: EASING[easingType],\n\t\t\tkeyTimes: \"0;1\",\n\t\t\tcalcMode: \"spline\",\n\t\t\tfill: 'freeze'\n\t\t};\n\n\t\tif(type) {\n\t\t\tanimAttr[\"type\"] = type;\n\t\t}\n\n\t\tfor (var i in animAttr) {\n\t\t\tanimateElement.setAttribute(i, animAttr[i]);\n\t\t}\n\n\t\tanimElement.appendChild(animateElement);\n\n\t\tif(type) {\n\t\t\tnewElement.setAttribute(attributeName, `translate(${value})`);\n\t\t} else {\n\t\t\tnewElement.setAttribute(attributeName, value);\n\t\t}\n\t}\n\n\treturn [animElement, newElement];\n}\n\nexport function transform(element, style) { // eslint-disable-line no-unused-vars\n\telement.style.transform = style;\n\telement.style.webkitTransform = style;\n\telement.style.msTransform = style;\n\telement.style.mozTransform = style;\n\telement.style.oTransform = style;\n}\n\nfunction animateSVG(svgContainer, elements) {\n\tlet newElements = [];\n\tlet animElements = [];\n\n\telements.map(element => {\n\t\tlet unit = element[0];\n\t\tlet parent = unit.parentNode;\n\n\t\tlet animElement, newElement;\n\n\t\telement[0] = unit;\n\t\t[animElement, newElement] = animateSVGElement(...element);\n\n\t\tnewElements.push(newElement);\n\t\tanimElements.push([animElement, parent]);\n\n\t\tparent.replaceChild(animElement, unit);\n\t});\n\n\tlet animSvg = svgContainer.cloneNode(true);\n\n\tanimElements.map((animElement, i) => {\n\t\tanimElement[1].replaceChild(newElements[i], animElement[0]);\n\t\telements[i][0] = newElements[i];\n\t});\n\n\treturn animSvg;\n}\n\nexport function runSMILAnimation(parent, svgElement, elementsToAnimate) {\n\tif(elementsToAnimate.length === 0) return;\n\n\tlet animSvgElement = animateSVG(svgElement, elementsToAnimate);\n\tif(svgElement.parentNode == parent) {\n\t\tparent.removeChild(svgElement);\n\t\tparent.appendChild(animSvgElement);\n\n\t}\n\n\t// Replace the new svgElement (data has already been replaced)\n\tsetTimeout(() => {\n\t\tif(animSvgElement.parentNode == parent) {\n\t\t\tparent.removeChild(animSvgElement);\n\t\t\tparent.appendChild(svgElement);\n\t\t}\n\t}, REPLACE_ALL_NEW_DUR);\n}\n","import { makeSVGGroup } from '../utils/draw';\nimport { yLine } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { Animator, translateHoriLine } from '../utils/animate';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tparent,\n\t\tconstants,\n\t\tdata,\n\n\t\t// called on update\n\t\tpreMake,\n\t\tmakeElements,\n\t\tpostMake,\n\t\tanimateElements\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.preMake = preMake;\n\t\tthis.makeElements = makeElements;\n\t\tthis.postMake = postMake;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\t\tthis.layer = makeSVGGroup(this.parent, this.layerClass, this.layerTransform);\n\n\t\tthis.data = data;\n\n\t\tthis.make();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data;\n\t}\n\n\tmake() {\n\t\tthis.preMake && this.preMake();\n\t\tthis.render(this.data);\n\t\tthis.postMake && this.postMake();\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tlet animateElements = []\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data);\n\t\t}\n\t\t// TODO: Can we remove this?\n\t\tsetTimeout(() => {\n\t\t\tthis.make();\n\t\t}, 1400);\n\t\treturn animateElements;\n\t}\n}\n\nexport function getYAxisComponent(parent, constants, initData) {\n\treturn new ChartComponent({\n\t\tparent: parent,\n\t\tlayerClass: 'y axis',\n\t\tconstants: constants,\n\t\tdata: initData,\n\t\tmakeElements: function(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: function(newData) {\n\t\t\tlet newPos =  newData.positions;\n\t\t\tlet newLabels =  newData.labels;\n\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\tlet extra = newPos.length - oldPos.length;\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","import { getBarHeightAndYAttr } from '../utils/draw-utils';\nimport { createSVG, makePath, makeGradient, wrapInSVGGroup, FONT_SIZE } from '../utils/draw';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from '../utils/animate';\n\nconst MIN_BAR_PERCENT_HEIGHT = 0.01;\n\nclass AxisChartController {\n\tconstructor(meta) {\n\t\t// TODO: make configurable passing args\n\t\tthis.meta = meta || {};\n\t\tthis.setupArgs();\n\t}\n\n\tsetupArgs() {\n\t\tthis.consts = {};\n\t}\n\n\tsetup() {}\n\n\trefreshMeta(meta) {\n\t\tthis.meta = Object.assign((this.meta || {}), meta);\n\t}\n\n\tdraw() {}\n\tanimate() {}\n}\n\nexport class AxisController extends AxisChartController {\n\tconstructor(meta) {\n\t\tsuper(meta);\n\t}\n\n\tdraw(x, y, color, index) {\n\t\treturn createSVG('circle', {\n\t\t\tstyle: `fill: ${color}`,\n\t\t\t'data-point-index': index,\n\t\t\tcx: x,\n\t\t\tcy: y,\n\t\t\tr: this.consts.radius\n\t\t});\n\t}\n\n\tanimate(dot, x, yTop) {\n\t\treturn [dot, {cx: x, cy: yTop}, UNIT_ANIM_DUR, STD_EASING];\n\t\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t}\n}\n\nexport class BarChartController extends AxisChartController {\n\tconstructor(meta) {\n\t\tsuper(meta);\n\t}\n\n\tsetupArgs() {\n\t\tthis.consts = {\n\t\t\tspaceRatio: 0.5,\n\t\t\tminHeight: this.meta.totalHeight * MIN_BAR_PERCENT_HEIGHT\n\t\t};\n\t}\n\n\trefreshMeta(meta) {\n\t\tif(meta) {\n\t\t\tsuper.refreshMeta(meta);\n\t\t}\n\t\tlet m = this.meta;\n\t\tthis.consts.barsWidth = m.unitWidth - m.unitWidth * this.consts.spaceRatio;\n\n\t\tthis.consts.width = this.consts.barsWidth / (m.options && m.options.stacked\n\t\t\t? m.options.stacked : m.noOfDatasets);\n\t}\n\n\tdraw(x, yTop, color, label='', index=0, offset=0) {\n\t\tlet [height, y] = getBarHeightAndYAttr(yTop, this.meta.zeroLine);\n\n\t\tlet rect = createSVG('rect', {\n\t\t\tclassName: `bar mini`,\n\t\t\tstyle: `fill: ${color}`,\n\t\t\t'data-point-index': index,\n\t\t\tx: x - this.consts.barsWidth/2,\n\t\t\ty: y - offset,\n\t\t\twidth: this.consts.width,\n\t\t\theight: height || this.consts.minHeight\n\t\t});\n\n\t\tif(!label && !label.length) {\n\t\t\treturn rect;\n\t\t} else {\n\t\t\tlet text = createSVG('text', {\n\t\t\t\tclassName: 'data-point-value',\n\t\t\t\tx: x,\n\t\t\t\ty: y - offset,\n\t\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t\t'text-anchor': 'middle',\n\t\t\t\tinnerHTML: label\n\t\t\t});\n\n\t\t\treturn wrapInSVGGroup([rect, text]);\n\t\t}\n\t}\n\n\tanimate(bar, x, yTop, index, noOfDatasets) {\n\t\tlet start = x - this.meta.unitWidth/4;\n\t\tlet width = (this.meta.unitWidth/2)/noOfDatasets;\n\t\tlet [height, y] = getBarHeightAndYAttr(yTop, this.meta.zeroLine, this.meta.totalHeight);\n\n\t\tx = start + (width * index);\n\n\t\treturn [bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING];\n\t\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t}\n}\n\nexport class LineChartController extends AxisChartController {\n\tconstructor(meta) {\n\t\tsuper(meta);\n\t}\n\n\tsetupArgs() {\n\t\tthis.consts = {\n\t\t\tradius: this.meta.dotSize || 4\n\t\t};\n\t}\n\n\tdraw(x, y, color, label='', index=0) {\n\t\tlet dot = createSVG('circle', {\n\t\t\tstyle: `fill: ${color}`,\n\t\t\t'data-point-index': index,\n\t\t\tcx: x,\n\t\t\tcy: y,\n\t\t\tr: this.consts.radius\n\t\t});\n\n\t\tif(!label && !label.length) {\n\t\t\treturn dot;\n\t\t} else {\n\t\t\tlet text = createSVG('text', {\n\t\t\t\tclassName: 'data-point-value',\n\t\t\t\tx: x,\n\t\t\t\ty: y,\n\t\t\t\tdy: (FONT_SIZE / 2 * -1 - this.consts.radius) + 'px',\n\t\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t\t'text-anchor': 'middle',\n\t\t\t\tinnerHTML: label\n\t\t\t});\n\n\t\t\treturn wrapInSVGGroup([dot, text]);\n\t\t}\n\t}\n\n\tanimate(dot, x, yTop) {\n\t\treturn [dot, {cx: x, cy: yTop}, UNIT_ANIM_DUR, STD_EASING];\n\t\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t}\n}\n\nexport function getPaths(yList, xList, color, heatline=false, regionFill=false) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(heatline) {\n\t\tlet gradient_id = makeGradient(this.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet components = [path];\n\n\t// Region\n\tif(regionFill) {\n\t\tlet gradient_id_region = makeGradient(this.svgDefs, color, true);\n\n\t\tlet zeroLine = this.state.yAxis.zeroLine;\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `0,${zeroLine}L` + pointsStr + `L${this.width},${zeroLine}`;\n\t\tcomponents.push(makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`));\n\t}\n\n\treturn components;\n}\n\n// class BarChart extends AxisChart {\n// \tconstructor(args) {\n// \t\tsuper(args);\n// \t\tthis.type = 'bar';\n// \t\tthis.setup();\n// \t}\n\n// \tconfigure(args) {\n// \t\tsuper.configure(args);\n// \t\tthis.config.xAxisMode = args.xAxisMode || 'tick';\n// \t\tthis.config.yAxisMode = args.yAxisMode || 'span';\n// \t}\n\n// \t// =================================\n\n// \tmakeOverlay() {\n// \t\t// Just make one out of the first element\n// \t\tlet index = this.xAxisLabels.length - 1;\n// \t\tlet unit = this.y[0].svg_units[index];\n// \t\tthis.setCurrentDataPoint(index);\n\n// \t\tif(this.overlay) {\n// \t\t\tthis.overlay.parentNode.removeChild(this.overlay);\n// \t\t}\n// \t\tthis.overlay = unit.cloneNode();\n// \t\tthis.overlay.style.fill = '#000000';\n// \t\tthis.overlay.style.opacity = '0.4';\n// \t\tthis.drawArea.appendChild(this.overlay);\n// \t}\n\n// \tbindOverlay() {\n// \t\t// on event, update overlay\n// \t\tthis.parent.addEventListener('data-select', (e) => {\n// \t\t\tthis.update_overlay(e.svg_unit);\n// \t\t});\n// \t}\n\n// \tbind_units(units_array) {\n// \t\tunits_array.map(unit => {\n// \t\t\tunit.addEventListener('click', () => {\n// \t\t\t\tlet index = unit.getAttribute('data-point-index');\n// \t\t\t\tthis.setCurrentDataPoint(index);\n// \t\t\t});\n// \t\t});\n// \t}\n\n// \tupdate_overlay(unit) {\n// \t\tlet attributes = [];\n// \t\tObject.keys(unit.attributes).map(index => {\n// \t\t\tattributes.push(unit.attributes[index]);\n// \t\t});\n\n// \t\tattributes.filter(attr => attr.specified).map(attr => {\n// \t\t\tthis.overlay.setAttribute(attr.name, attr.nodeValue);\n// \t\t});\n\n// \t\tthis.overlay.style.fill = '#000000';\n// \t\tthis.overlay.style.opacity = '0.4';\n// \t}\n\n// \tonLeftArrow() {\n// \t\tthis.setCurrentDataPoint(this.currentIndex - 1);\n// \t}\n\n// \tonRightArrow() {\n// \t\tthis.setCurrentDataPoint(this.currentIndex + 1);\n// \t}\n// }\n\n","function normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","// Playing around with dates\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(dateStr) {\n\tlet result = new Date(dateStr);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getDdMmYyyy(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\t(dd>9 ? '' : '0') + dd,\n\t\t(mm>9 ? '' : '0') + mm,\n\t\tdate.getFullYear()\n\t].join('-');\n}\n\nexport function getWeeksBetween(startDateStr, endDateStr) {\n\treturn Math.ceil(getDaysBetween(startDateStr, endDateStr) / 7);\n}\n\nexport function getDaysBetween(startDateStr, endDateStr) {\n\tlet millisecondsPerDay = 24 * 60 * 60 * 1000;\n\treturn (treatAsUtc(endDateStr) - treatAsUtc(startDateStr)) / millisecondsPerDay;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n\n// export function getMonthName() {}\n","import '../scss/charts.scss';\n\nimport ScatterChart from './charts/ScatterChart';\nimport MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\n\n// if (ENV !== 'production') {\n// \t// Enable LiveReload\n// \tdocument.write(\n// \t\t'<script src=\"http://' + (location.host || 'localhost').split(':')[0] +\n// \t\t':35729/livereload.js?snipver=1\"></' + 'script>'\n// \t);\n// }\n\n// If type is bar\n\n\n\n\nconst chartTypes = {\n\tmixed: AxisChart,\n\tmultiaxis: MultiAxisChart,\n\tscatter: ScatterChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', options) {\n\tdebugger;\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](options);\n}\n\nexport default class Chart {\n\tconstructor(args) {\n\t\treturn getChartByType(args.type, arguments[0]);\n\t}\n}\n","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.title_name = '';\n\t\tthis.title_value = '';\n\t\tthis.list_values = [];\n\t\tthis.title_value_first = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.make_tooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calc_position();\n\t\t// this.show_tip();\n\t}\n\n\tmake_tooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `<span class=\"title\"></span>\n\t\t\t\t<ul class=\"data-point-list\"></ul>\n\t\t\t\t<div class=\"svg-pointer\"></div>`\n\t\t});\n\t\tthis.hide_tip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.data_point_list = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hide_tip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.title_value_first) {\n\t\t\ttitle = `<strong>${this.title_value}</strong>${this.title_name}`;\n\t\t} else {\n\t\t\ttitle = `${this.title_name}<strong>${this.title_value}</strong>`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.data_point_list.innerHTML = '';\n\n\t\tthis.list_values.map((set, i) => {\n\t\t\tconst color = this.colors[i] || 'black';\n\n\t\t\tlet li = $.create('li', {\n\t\t\t\tstyles: {\n\t\t\t\t\t'border-top': `3px solid ${color}`\n\t\t\t\t},\n\t\t\t\tinnerHTML: `<strong style=\"display: block;\">${ set.value === 0 || set.value ? set.value : '' }</strong>\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.data_point_list.appendChild(li);\n\t\t});\n\t}\n\n\tcalc_position() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - width/2;\n\t\tlet max_left = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > max_left) {\n\t\t\tlet delta = this.left - max_left;\n\t\t\tlet pointer_offset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointer_offset;\n\n\t\t\tthis.left = max_left;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tset_values(x, y, title_name = '', title_value = '', list_values = [], title_value_first = 0) {\n\t\tthis.title_name = title_name;\n\t\tthis.title_value = title_value;\n\t\tthis.list_values = list_values;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.title_value_first = title_value_first;\n\t\tthis.refresh();\n\t}\n\n\thide_tip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshow_tip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup } from '../utils/draw';\nimport { getStringWidth } from '../utils/helpers';\nimport { getColor, DEFAULT_COLORS } from '../utils/colors';\nimport { getDifferentChart } from '../config';\nimport { runSMILAnimation } from '../utils/animation';\n\nexport default class BaseChart {\n\tconstructor({\n\t\theight = 240,\n\n\t\ttitle = '',\n\t\tsubtitle = '',\n\t\tcolors = [],\n\n\t\tisNavigable = 0,\n\t\tshowLegend = 1,\n\n\t\ttype = '',\n\n\t\tparent,\n\t\tdata\n\t}) {\n\t\tthis.rawChartArgs = arguments[0];\n\n\t\tthis.parent = typeof parent === 'string' ? document.querySelector(parent) : parent;\n\t\tthis.title = title;\n\t\tthis.subtitle = subtitle;\n\t\tthis.argHeight = height;\n\n\t\tthis.isNavigable = isNavigable;\n\t\tif(this.isNavigable) {\n\t\t\tthis.currentIndex = 0;\n\t\t}\n\n\t\tthis.configure(arguments[0]);\n\t}\n\n\tconfigure(args) {\n\t\t// Make a this.config, that has stuff like showTooltip,\n\t\t// showLegend, which then all functions will check\n\n\t\tthis.setColors();\n\n\t\t// constants\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: 1,\n\t\t\tisNavigable: 0,\n\t\t\t// animate: 1\n\t\t\tanimate: 0\n\t\t};\n\n\t\tthis.state = {\n\t\t\tcolors: this.colors\n\t\t};\n\t}\n\n\tsetColors() {\n\t\tlet args = this.rawChartArgs;\n\n\t\t// Needs structure as per only labels/datasets, from config\n\t\tconst list = args.type === 'percentage' || args.type === 'pie'\n\t\t\t? args.data.labels\n\t\t\t: args.data.datasets;\n\n\t\tif(!args.colors || (list && args.colors.length < list.length)) {\n\t\t\tthis.colors = DEFAULT_COLORS;\n\t\t} else {\n\t\t\tthis.colors = args.colors;\n\t\t}\n\n\t\tthis.colors = this.colors.map(color => getColor(color));\n\t}\n\n\tsetMargins() {\n\t\t// TODO: think for all\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - 40; // change\n\t\tthis.translateY = 20;\n\n\t\tthis.setHorizontalMargin();\n\t}\n\n\tsetHorizontalMargin() {\n\t\tthis.translateXLeft = 60;\n\t\tthis.translateXRight = 40;\n\t}\n\n\tvalidate(){\n\t\tlet args = this.rawChartArgs;\n\t\t// Now yo have the args, set this stuff only after validating\n\t\tif(!this.parent) {\n\t\t\tconsole.error(\"No parent element to render on was provided.\");\n\t\t\treturn false;\n\t\t}\n\t\tif(!this.parseData()) {\n\t\t\treturn false;\n\t\t}\n\t\treturn true;\n\t}\n\n\tparseData() {\n\t\tlet data = this.rawChartArgs.data;\n\t\tlet valid = this.checkData(data);\n\t\tif(!valid) return false;\n\n\t\tif(!this.config.animate) {\n\t\t\tthis.data = data;\n\t\t} else {\n\t\t\t[this.data, this.firstUpdateData] =\n\t\t\t\tthis.getFirstUpdateData(data);\n\t\t}\n\t\treturn true;\n\t}\n\n\tcheckData() {}\n\tgetFirstUpdateData() {}\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.bindWindowEvents();\n\t\tthis.setupConstants();\n\n\t\tthis.setMargins();\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip(); // without binding\n\n\t\tthis.calcWidth();\n\t\tthis.makeChartArea();\n\t\tthis.setupComponents();\n\n\t\tthis.draw(true);\n\t}\n\n\tbindWindowEvents() {\n\t\twindow.addEventListener('resize orientationchange', () => this.draw());\n\t}\n\n\tsetupConstants() {}\n\n\tsetupComponents() {\n\t\t// Components config\n\t\tthis.components = [];\n\t}\n\n\tmakeContainer() {\n\t\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `<h6 class=\"title\">${this.title}</h6>\n\t\t\t\t<h6 class=\"sub-title uppercase\">${this.subtitle}</h6>\n\t\t\t\t<div class=\"frappe-chart graphics\"></div>\n\t\t\t\t<div class=\"graph-stats-container\"></div>`\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chartWrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.statsWrapper = this.container.querySelector('.graph-stats-container');\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chartWrapper,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(init=false) {\n\t\tthis.components.forEach(c => c.make()); // or c.build()\n\t\tthis.renderLegend();\n\n\t\tthis.setupNavigation(init);\n\n\t\t// TODO: remove timeout and decrease post animate time in chart component\n\t\tsetTimeout(() => {this.update();}, 1000);\n\t}\n\n\tcalcWidth() {\n\t\tlet outerAnnotationsWidth = 0;\n\t\t// let charWidth = 8;\n\t\t// this.specificValues.map(val => {\n\t\t// \tlet strWidth = getStringWidth((val.title + \"\"), charWidth);\n\t\t// \tif(strWidth > outerAnnotationsWidth) {\n\t\t// \t\touterAnnotationsWidth = strWidth - 40;\n\t\t// \t}\n\t\t// });\n\t\tthis.baseWidth = getElementContentWidth(this.parent) - outerAnnotationsWidth;\n\t\tthis.width = this.baseWidth - (this.translateXLeft + this.translateXRight);\n\t}\n\n\tupdate(data=this.data) {\n\t\tthis.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.refreshRenderer();\n\t\tthis.render();\n\t}\n\n\tprepareData() {}\n\n\trenderConstants() {}\n\n\tcalc() {} // builds state\n\n\trefreshRenderer() {\n\t\tthis.renderer = {};\n\t}\n\n\trender(animate=true) {\n\t\tthis.refreshComponents();\n\t\tthis.elementsToAnimate = [].concat.apply([], this.components.map(c => c.update(animate)));\n\t\tconsole.log(this.elementsToAnimate);\n\t\tif(this.elementsToAnimate) {\n\t\t\trunSMILAnimation(this.chartWrapper, this.svg, this.elementsToAnimate);\n\t\t}\n\t}\n\n\trefreshComponents() {}\n\n\tmakeChartArea() {\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.chartWrapper,\n\t\t\t'chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\t// I WISH !!!\n\t\t// this.svg = makeSVGGroup(\n\t\t// \tsvgContainer,\n\t\t// \t'flipped-coord-system',\n\t\t// \t`translate(0, ${this.baseHeight}) scale(1, -1)`\n\t\t// );\n\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.translateXLeft}, ${this.translateY})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(this.isNavigable) return;\n\n\t\tthis.makeOverlay();\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.chartWrapper)) {\n\t\t\t\t\te = e || window.event;\n\n\t\t\t\t\tif (e.keyCode == '37') {\n\t\t\t\t\t\tthis.onLeftArrow();\n\t\t\t\t\t} else if (e.keyCode == '39') {\n\t\t\t\t\t\tthis.onRightArrow();\n\t\t\t\t\t} else if (e.keyCode == '38') {\n\t\t\t\t\t\tthis.onUpArrow();\n\t\t\t\t\t} else if (e.keyCode == '40') {\n\t\t\t\t\t\tthis.onDownArrow();\n\t\t\t\t\t} else if (e.keyCode == '13') {\n\t\t\t\t\t\tthis.onEnterKey();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tbindOverlay() {}\n\tbind_units() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\t// updateData() {\n\t// \tupdate();\n\t// }\n\n\tgetDataPoint() {}\n\tsetCurrentDataPoint() {}\n\n\n\t// Update the data here, then do relevant updates\n\t// and drawing in child classes by overriding\n\t// The Child chart will only know what a particular update means\n\t// and what components are affected,\n\t// BaseChart shouldn't be doing the animating\n\n\tupdateDataset(dataset, index) {}\n\n\tupdateDatasets(datasets) {\n\t\t//\n\t}\n\n\taddDataset(dataset, index) {}\n\n\tremoveDataset(index = 0) {}\n\n\taddDataPoint(dataPoint, index = 0) {}\n\n\tremoveDataPoint(index = 0) {}\n\n\tupdateDataPoint(dataPoint, index = 0) {}\n\n\n\n\tgetDifferentChart(type) {\n\t\treturn getDifferentChart(type, this.type, this.rawChartArgs);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { Y_AXIS_MARGIN } from '../utils/margins';\nimport { getYAxisComponent } from '../objects/ChartComponents';\nimport { BarChartController, LineChartController, getPaths } from '../objects/AxisChartControllers';\nimport { AxisChartRenderer } from '../utils/draw';\nimport { getOffset, fire } from '../utils/dom';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { Animator, translateHoriLine } from '../utils/animate';\nimport { runSMILAnimation } from '../utils/animation';\nimport { getRealIntervals, calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex } from '../utils/intervals';\nimport { floatTwo, fillArray } from '../utils/helpers';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\t\tthis.isSeries = args.isSeries;\n\t\tthis.valuesOverPoints = args.valuesOverPoints;\n\t\tthis.formatTooltipY = args.formatTooltipY;\n\t\tthis.formatTooltipX = args.formatTooltipX;\n\t\tthis.barOptions = args.barOptions;\n\t\tthis.lineOptions = args.lineOptions;\n\t\tthis.type = args.type || 'line';\n\n\t\tthis.xAxisMode = args.xAxisMode || 'span';\n\t\tthis.yAxisMode = args.yAxisMode || 'span';\n\n\t\tthis.setupUnitRenderer();\n\n\t\tthis.zeroLine = this.height;\n\t\tthis.preSetup();\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure();\n\n\t\tthis.config.xAxisMode = args.xAxisMode;\n\t\tthis.config.yAxisMode = args.yAxisMode;\n\t}\n\n\tpreSetup() {}\n\n\tsetupUnitRenderer() {\n\t\t// TODO: this is empty\n\t\tlet options = this.rawChartArgs.options;\n\t\tthis.unitRenderers = {\n\t\t\tbar: new BarChartController(options),\n\t\t\tline: new LineChartController(options)\n\t\t};\n\t}\n\n\tsetHorizontalMargin() {\n\t\tthis.translateXLeft = Y_AXIS_MARGIN;\n\t\tthis.translateXRight = Y_AXIS_MARGIN;\n\t}\n\n\tcheckData(data) {\n\t\treturn true;\n\t}\n\n\tgetFirstUpdateData(data) {\n\t\t//\n\t}\n\n\tsetupConstants() {\n\t\tthis.state = {\n\t\t\txAxisLabels: [],\n\t\t\txAxisPositions: [],\n\t\t\txAxisMode: this.config.xAxisMode,\n\t\t\tyAxisMode: this.config.yAxisMode\n\t\t}\n\n\t\tthis.data.datasets.map(d => {\n\t\t\tif(!d.chartType ) {\n\t\t\t\td.chartType = this.type;\n\t\t\t}\n\t\t});\n\n\t\tthis.prepareYAxis();\n\t}\n\n\tprepareData(data) {\n\t\tlet s = this.state;\n\n\t\ts.xAxisLabels = data.labels || [];\n\n\t\ts.datasetLength = s.xAxisLabels.length;\n\n\t\tlet zeroArray = new Array(s.datasetLength).fill(0);\n\n\t\ts.datasets = data.datasets; // whole dataset info too\n\t\tif(!data.datasets) {\n\t\t\t// default\n\t\t\ts.datasets = [{\n\t\t\t\tvalues: zeroArray\t// Proof that state version will be seen instead of this.data\n\t\t\t}];\n\t\t}\n\n\t\ts.datasets.map((d, i)=> {\n\t\t\tlet vals = d.values;\n\t\t\tif(!vals) {\n\t\t\t\tvals = zeroArray;\n\t\t\t} else {\n\t\t\t\t// Check for non values\n\t\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t\t// Trim or extend\n\t\t\t\tif(vals.length > s.datasetLength) {\n\t\t\t\t\tvals = vals.slice(0, s.datasetLength);\n\t\t\t\t} else {\n\t\t\t\t\tvals = fillArray(vals, s.datasetLength - vals.length, 0);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\td.index = i;\n\t\t});\n\n\t\ts.noOfDatasets = s.datasets.length;\n\t\ts.yMarkers = data.yMarkers;\n\t\ts.yRegions = data.yRegions;\n\t}\n\n\tprepareYAxis() {\n\t\tthis.state.yAxis = {\n\t\t\tlabels: [],\n\t\t\tpositions: []\n\t\t};\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\n\t\ts.xAxisLabels = this.data.labels;\n\t\tthis.calcXPositions();\n\n\t\ts.datasetsLabels = this.data.datasets.map(d => d.name);\n\t\tthis.setYAxis();\n\t\tthis.calcYUnits();\n\t\tthis.calcYMaximums();\n\t\tthis.calcYRegions();\n\n\t\t// should be state\n\t\tthis.configUnits();\n\t}\n\n\tsetYAxis() {\n\t\tthis.calcYAxisParameters(this.state.yAxis, this.getAllYValues(), this.type === 'line');\n\t\tthis.state.zeroLine = this.state.yAxis.zeroLine;\n\t}\n\n\tcalcXPositions() {\n\t\tlet s = this.state;\n\t\tthis.setUnitWidthAndXOffset();\n\t\ts.xAxisPositions = s.xAxisLabels.map((d, i) =>\n\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t);\n\n\t\ts.xUnitPositions = new Array(s.noOfDatasets).fill(s.xAxisPositions);\n\t}\n\n\tcalcYAxisParameters(yAxis, dataValues, withMinimum = 'false') {\n\t\tyAxis.labels = calcChartIntervals(dataValues, withMinimum);\n\t\tconst yPts = yAxis.labels;\n\n\t\tyAxis.scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * yAxis.scaleMultiplier;\n\t\tyAxis.zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tyAxis.positions = yPts.map(d => yAxis.zeroLine - d * yAxis.scaleMultiplier);\n\t}\n\n\tcalcYUnits() {\n\t\tlet s = this.state;\n\t\ts.datasets.map(d => {\n\t\t\td.positions = d.values.map(val =>\n\t\t\t\tfloatTwo(s.yAxis.zeroLine - val * s.yAxis.scaleMultiplier));\n\t\t});\n\n\t\tif(this.barOptions && this.barOptions.stacked) {\n\t\t\ts.datasets.map((d, i) => {\n\t\t\t\td.cumulativePositions = d.cumulativeYs.map(val =>\n\t\t\t\t\tfloatTwo(s.yAxis.zeroLine - val * s.yAxis.scaleMultiplier));\n\t\t\t});\n\t\t}\n\t}\n\n\tcalcYMaximums() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions && this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativePositions;\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.positions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\n\t\t// Tooltip refresh should not be needed?\n\t\t// this.chartWrapper.removeChild(this.tip.container);\n\t\t// this.make_tooltip();\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(s.yMarkers) {\n\t\t\ts.yMarkers = s.yMarkers.map(d => {\n\t\t\t\td.value = floatTwo(s.yAxis.zeroLine - d.value * s.yAxis.scaleMultiplier);\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(s.yRegions) {\n\t\t\ts.yRegions = s.yRegions.map(d => {\n\t\t\t\td.start = floatTwo(s.yAxis.zeroLine - d.start * s.yAxis.scaleMultiplier);\n\t\t\t\td.end = floatTwo(s.yAxis.zeroLine - d.end * s.yAxis.scaleMultiplier);\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tconfigUnits() {}\n\n\t// Default, as per bar, and mixed. Only line will be a special case\n\tsetUnitWidthAndXOffset() {\n\t\tthis.state.unitWidth = this.width/(this.state.datasetLength);\n\t\tthis.state.xOffset = this.state.unitWidth/2;\n\t}\n\n\tgetAllYValues() {\n\t\t// TODO: yMarkers, regions, sums, every Y value ever\n\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions && this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.state.datasets.map((d, i) => {\n\t\t\t\tlet values = this.state.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.state.datasets.map(d => d[key]));\n\t}\n\n\tcalcIntermedState() {\n\t\t//\n\t}\n\n\tsetupValues() {}\n\n\tsetupComponents() {\n\n\t\t// TODO: rebind new units\n\t\t// if(this.isNavigable) {\n\t\t// \tthis.bind_units(units_array);\n\t\t// }\n\n\t\tthis.yAxis = getYAxisComponent(\n\t\t\tthis.drawArea,\n\t\t\t{\n\t\t\t\tmode: this.yAxisMode,\n\t\t\t\twidth: this.width,\n\t\t\t\t// pos: 'right'\n\t\t\t},\n\t\t\t{\n\t\t\t\tpositions: getRealIntervals(this.height, 4, 0, 0),\n\t\t\t\tlabels: getRealIntervals(this.height, 4, 0, 0).map(d => d + \"\"),\n\t\t\t}\n\t\t)\n\t\tthis.components = [\n\t\t\tthis.yAxis\n\t\t\t// this.getXAxisComponents(),\n\t\t\t// ...this.getYRegions(),\n\t\t\t// ...this.getXRegions(),\n\t\t\t// ...this.getYMarkerLines(),\n\t\t\t// // ...this.getXMarkerLines(),\n\t\t\t// ...this.getChartComponents(),\n\t\t\t// ...this.getChartLabels(),\n\t\t];\n\t}\n\n\trefreshComponents() {\n\t\tthis.refreshYAxis();\n\t}\n\n\trefreshYAxis() {\n\t\tlet s = this.state;\n\t\tthis.yAxis.refresh({\n\t\t\tpositions: s.yAxis.positions,\n\t\t\tlabels: s.yAxis.labels,\n\t\t});\n\t}\n\n\tgetXAxisComponents() {\n\t\treturn new ChartComponent({\n\t\t\tlayerClass: 'x axis',\n\t\t\tsetData: () => {\n\t\t\t\tlet s = this.state;\n\t\t\t\tlet data = {\n\t\t\t\t\tpositions: s.xAxisPositions,\n\t\t\t\t\tlabels: s.xAxisLabels,\n\t\t\t\t};\n\t\t\t\tlet constants = {\n\t\t\t\t\tmode: this.xAxisMode,\n\t\t\t\t\theight: this.height\n\t\t\t\t}\n\t\t\t\treturn [data, constants];\n\t\t\t},\n\t\t\tmakeElements: () => {\n\t\t\t\tlet s = this.state;\n\t\t\t\t// positions\n\t\t\t\t// TODO: xAxis Label spacing\n\t\t\t\treturn s.xAxisPositions.map((position, i) =>\n\t\t\t\t\txLine(position, s.xAxisLabels[i], this.constants.height\n\t\t\t\t\t\t// , {pos:'top'}\n\t\t\t\t\t)\n\t\t\t\t);\n\t\t\t},\n\t\t\tanimate: (xLines) => {\n\t\t\t\t// Equilize\n\t\t\t\tlet newX = this.state.xAxisPositions;\n\t\t\t\tlet oldX = this.oldState.xAxisPositions;\n\n\t\t\t\tthis.oldState.xExtra = newX.length - oldX.length;\n\t\t\t\tlet lastLine = xLines[xLines.length - 1];\n\t\t\t\tlet parentNode = lastLine.parentNode;\n\n\t\t\t\t[oldX, newX] = equilizeNoOfElements(oldX, newX);\n\t\t\t\tif(this.oldState.xExtra > 0) {\n\t\t\t\t\tfor(var i = 0; i<this.oldState.xExtra; i++) {\n\t\t\t\t\t\tlet line = lastLine.cloneNode(true);\n\t\t\t\t\t\tparentNode.appendChild(line);\n\t\t\t\t\t\txLines.push(line);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\txLines.map((line, i) => {\n\t\t\t\t\tthis.elementsToAnimate.push(this.renderer.translateVertLine(\n\t\t\t\t\t\tline, newX[i], oldX[i]\n\t\t\t\t\t));\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tgetChartComponents() {\n\t\tlet dataUnitsComponents = []\n\t\t// this.state is not defined at this stage\n\t\tthis.data.datasets.forEach((d, index) => {\n\t\t\tif(d.chartType === 'line') {\n\t\t\t\tdataUnitsComponents.push(this.getPathComponent(d, index));\n\t\t\t}\n\n\t\t\tlet renderer = this.unitRenderers[d.chartType];\n\t\t\tdataUnitsComponents.push(this.getDataUnitComponent(\n\t\t\t\tindex, renderer\n\t\t\t));\n\t\t});\n\t\treturn dataUnitsComponents;\n\t}\n\n\tgetChartLabels() {\n\t\t// To layer all labels above everything else\n\t\treturn [];\n\t}\n\n\tgetDataUnitComponent(index, unitRenderer) {\n\t\treturn new ChartComponent({\n\t\t\tlayerClass: 'dataset-units dataset-' + index,\n\t\t\tsetData: () => {},\n\t\t\tpreMake: () => { },\n\t\t\tmakeElements: () => {\n\t\t\t\tlet d = this.state.datasets[index];\n\n\t\t\t\treturn d.positions.map((y, j) => {\n\t\t\t\t\treturn unitRenderer.draw(\n\t\t\t\t\t\tthis.state.xAxisPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tthis.colors[index],\n\t\t\t\t\t\t(this.valuesOverPoints ? (this.barOptions &&\n\t\t\t\t\t\t\tthis.barOptions.stacked ? d.cumulativeYs[j] : d.values[j]) : ''),\n\t\t\t\t\t\tj,\n\t\t\t\t\t\ty - (d.cumulativePositions ? d.cumulativePositions[j] : y)\n\t\t\t\t\t);\n\t\t\t\t});\n\t\t\t},\n\t\t\tpostMake: function() {\n\t\t\t\tlet translate_layer = () => {\n\t\t\t\t\tthis.layer.setAttribute('transform', `translate(${unitRenderer.consts.width * index}, 0)`);\n\t\t\t\t}\n\n\t\t\t\t// let d = this.state.datasets[index];\n\n\t\t\t\tif(this.meta.type === 'bar' && (!this.meta.barOptions\n\t\t\t\t\t|| !this.meta.barOptions.stacked)) {\n\n\t\t\t\t\ttranslate_layer();\n\t\t\t\t}\n\t\t\t},\n\t\t\tanimate: (svgUnits) => {\n\t\t\t\t// have been updated in axis render;\n\t\t\t\tlet newX = this.state.xAxisPositions;\n\t\t\t\tlet newY = this.state.datasets[index].positions;\n\n\t\t\t\tlet lastUnit = svgUnits[svgUnits.length - 1];\n\t\t\t\tlet parentNode = lastUnit.parentNode;\n\n\t\t\t\tif(this.oldState.xExtra > 0) {\n\t\t\t\t\tfor(var i = 0; i<this.oldState.xExtra; i++) {\n\t\t\t\t\t\tlet unit = lastUnit.cloneNode(true);\n\t\t\t\t\t\tparentNode.appendChild(unit);\n\t\t\t\t\t\tsvgUnits.push(unit);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tsvgUnits.map((unit, i) => {\n\t\t\t\t\tif(newX[i] === undefined || newY[i] === undefined) return;\n\t\t\t\t\tthis.elementsToAnimate.push(unitRenderer.animate(\n\t\t\t\t\t\tunit, // unit, with info to replace where it came from in the data\n\t\t\t\t\t\tnewX[i],\n\t\t\t\t\t\tnewY[i],\n\t\t\t\t\t\tindex,\n\t\t\t\t\t\tthis.state.noOfDatasets\n\t\t\t\t\t));\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tgetPathComponent(d, index) {\n\t\treturn new ChartComponent({\n\t\t\tlayerClass: 'path dataset-path',\n\t\t\tsetData: () => {},\n\t\t\tmakeElements: () => {\n\t\t\t\tlet d = this.state.datasets[index];\n\t\t\t\tlet color = this.colors[index];\n\n\t\t\t\treturn getPaths(\n\t\t\t\t\td.positions,\n\t\t\t\t\tthis.state.xAxisPositions,\n\t\t\t\t\tcolor,\n\t\t\t\t\tthis.config.heatline,\n\t\t\t\t\tthis.config.regionFill\n\t\t\t\t);\n\t\t\t},\n\t\t\tanimate: (paths) => {\n\t\t\t\tlet newX = this.state.xAxisPositions;\n\t\t\t\tlet newY = this.state.datasets[index].positions;\n\n\t\t\t\tlet oldX = this.oldState.xAxisPositions;\n\t\t\t\tlet oldY = this.oldState.datasets[index].positions;\n\n\n\t\t\t\tlet parentNode = paths[0].parentNode;\n\n\t\t\t\t[oldX, newX] = equilizeNoOfElements(oldX, newX);\n\t\t\t\t[oldY, newY] = equilizeNoOfElements(oldY, newY);\n\n\t\t\t\tif(this.oldState.xExtra > 0) {\n\t\t\t\t\tpaths = getPaths(\n\t\t\t\t\t\toldY, oldX, this.colors[index],\n\t\t\t\t\t\tthis.config.heatline,\n\t\t\t\t\t\tthis.config.regionFill\n\t\t\t\t\t);\n\t\t\t\t\tparentNode.textContent = '';\n\t\t\t\t\tpaths.map(path => parentNode.appendChild(path));\n\t\t\t\t}\n\n\t\t\t\tconst newPointsList = newY.map((y, i) => (newX[i] + ',' + y));\n\t\t\t\tthis.elementsToAnimate = this.elementsToAnimate\n\t\t\t\t\t.concat(this.renderer.animatepath(paths, newPointsList.join(\"L\")));\n\t\t\t}\n\t\t});\n\t}\n\n\tgetYMarkerLines() {\n\t\tif(!this.data.yMarkers) {\n\t\t\treturn [];\n\t\t}\n\t\treturn this.data.yMarkers.map((d, index) => {\n\t\t\treturn new ChartComponent({\n\t\t\t\tlayerClass: 'y-markers',\n\t\t\t\tsetData: () => {},\n\t\t\t\tmakeElements: () => {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\treturn s.yMarkers.map(marker =>\n\t\t\t\t\t\tthis.renderer.yMarker(marker.value, marker.name,\n\t\t\t\t\t\t\t{pos:'right', mode: 'span', lineType: marker.type})\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\tanimate: () => {}\n\t\t\t});\n\t\t});\n\t}\n\n\tgetYRegions() {\n\t\tif(!this.data.yRegions) {\n\t\t\treturn [];\n\t\t}\n\t\t// return [];\n\t\treturn this.data.yRegions.map((d, index) => {\n\t\t\treturn new ChartComponent({\n\t\t\t\tlayerClass: 'y-regions',\n\t\t\t\tsetData: () => {},\n\t\t\t\tmakeElements: () => {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\treturn s.yRegions.map(region =>\n\t\t\t\t\t\tthis.renderer.yRegion(region.start, region.end, region.name)\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\tanimate: () => {}\n\t\t\t});\n\t\t});\n\t}\n\n\trefreshRenderer() {\n\t\t// These args are basically the current state of the chart,\n\t\t// with constant and alive params mixed\n\t\tlet state = {\n\t\t\ttotalHeight: this.height,\n\t\t\ttotalWidth: this.width,\n\n\t\t\txAxisMode: this.config.xAxisMode,\n\t\t\tyAxisMode: this.config.yAxisMode,\n\n\t\t\tzeroLine: this.state.zeroLine,\n\t\t\tunitWidth: this.state.unitWidth,\n\t\t};\n\t\tif(!this.renderer) {\n\t\t\tthis.renderer = new AxisChartRenderer(state);\n\t\t} else {\n\t\t\tthis.renderer.refreshState(state);\n\t\t}\n\n\t\tlet meta = {\n\t\t\ttotalHeight: this.height,\n\t\t\ttotalWidth: this.width,\n\t\t\tzeroLine: this.state.zeroLine,\n\t\t\tunitWidth: this.state.unitWidth,\n\t\t\tnoOfDatasets: this.state.noOfDatasets,\n\t\t};\n\n\t\tmeta = Object.assign(meta, this.rawChartArgs.options);\n\n\t\tObject.keys(this.unitRenderers).map(key => {\n\t\t\tmeta.options = this[key + 'Options'];\n\t\t\tthis.unitRenderers[key].refreshMeta(meta);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\t// TODO: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.chartWrapper);\n\t\t\tlet relX = e.pageX - o.left - this.translateXLeft;\n\t\t\tlet relY = e.pageY - o.top - this.translateY;\n\n\t\t\tif(relY < this.height + this.translateY * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hide_tip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet titles = s.xAxisLabels;\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.xAxisPositions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxisPositions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.translateXLeft;\n\t\t\t\tlet y = s.yExtremes[i] + this.translateY;\n\n\t\t\t\tlet values = s.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.title,\n\t\t\t\t\t\tvalue: formatY ? this.formatTooltipY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.set_values(x, y, titles[i], '', values);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tgetDataPoint(index=this.current_index) {\n\t\t// check for length\n\t\tlet data_point = {\n\t\t\tindex: index\n\t\t};\n\t\tlet y = this.y[0];\n\t\t['svg_units', 'yUnitPositions', 'values'].map(key => {\n\t\t\tlet data_key = key.slice(0, key.length-1);\n\t\t\tdata_point[data_key] = y[key][index];\n\t\t});\n\t\tdata_point.label = this.xAxisLabels[index];\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= this.xAxisLabels.length) index = this.xAxisLabels.length - 1;\n\t\tif(index === this.current_index) return;\n\t\tthis.current_index = index;\n\t\t$.fire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\t// console.log(label, datasetValues, this.data.labels);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\t// console.log(this.data);\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// updateData() {\n\t// \t// animate if same no. of datasets,\n\t// \t// else return new chart\n\n\t// \t//\n\t// }\n}\n\n\n// keep a binding at the end of chart\n\n","export const Y_AXIS_MARGIN = 60;","import LineChart from './LineChart';\n\nexport default class ScatterChart extends LineChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\n\t\tthis.type = 'scatter';\n\n\t\tif(!args.dotRadius) {\n\t\t\tthis.dotRadius = 8;\n\t\t} else {\n\t\t\tthis.dotRadius = args.dotRadius;\n\t\t}\n\n\t\tthis.setup();\n\t}\n\n\tsetup_values() {\n\t\tsuper.setup_values();\n\t\tthis.unit_args = {\n\t\t\ttype: 'dot',\n\t\t\targs: { radius: this.dotRadius }\n\t\t};\n\t}\n\n\tmake_paths() {}\n\tmake_path() {}\n}\n","import AxisChart from './AxisChart';\n// import { ChartComponent } from '../objects/ChartComponents';\nimport { makeSVGGroup, makePath, makeGradient } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\n\nexport default class LineChart extends AxisChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\t\tthis.type = 'line';\n\n\t\tif(Object.getPrototypeOf(this) !== LineChart.prototype) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.config.xAxisMode = args.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = args.yAxisMode || 'span';\n\n\t\tthis.config.dotRadius = args.dotRadius || 4;\n\n\t\tthis.config.heatline = args.heatline || 0;\n\t\tthis.config.regionFill = args.regionFill || 0;\n\t\tthis.config.showDots = args.showDots || 1;\n\t}\n\n\tconfigUnits() {\n\t\tthis.unitArgs = {\n\t\t\ttype: 'dot',\n\t\t\targs: { radius: this.config.dotRadius }\n\t\t};\n\t}\n\n\t// temp commented\n\tsetUnitWidthAndXOffset() {\n\t\tthis.state.unitWidth = this.width/(this.state.datasetLength - 1);\n\t\tthis.state.xOffset = 0;\n\t}\n\n}\n","import AxisChart from './AxisChart';\nimport { Y_AXIS_MARGIN } from '../utils/margins';\n// import { ChartComponent } from '../objects/ChartComponents';\nimport { floatTwo } from '../utils/helpers';\n\nexport default class MultiAxisChart extends AxisChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\t\t// this.unitType = args.unitType || 'line';\n\t\t// this.setup();\n\t}\n\n\tpreSetup() {\n\t\tthis.type = 'multiaxis';\n\t}\n\n\tsetHorizontalMargin() {\n\t\tlet noOfLeftAxes = this.data.datasets.filter(d => d.axisPosition === 'left').length;\n\t\tthis.translateXLeft = (noOfLeftAxes) * Y_AXIS_MARGIN || Y_AXIS_MARGIN;\n\t\tthis.translateXRight = (this.data.datasets.length - noOfLeftAxes) * Y_AXIS_MARGIN || Y_AXIS_MARGIN;\n\t}\n\n\tprepareYAxis() { }\n\n\tprepareData(data) {\n\t\tsuper.prepareData(data);\n\t\tlet sets = this.state.datasets;\n\t\t// let axesLeft = sets.filter(d => d.axisPosition === 'left');\n\t\t// let axesRight = sets.filter(d => d.axisPosition === 'right');\n\t\t// let axesNone = sets.filter(d => !d.axisPosition ||\n\t\t// \t!['left', 'right'].includes(d.axisPosition));\n\n\t\tlet leftCount = 0, rightCount = 0;\n\n\t\tsets.forEach((d, i) => {\n\t\t\td.yAxis = {\n\t\t\t\tposition: d.axisPosition,\n\t\t\t\tindex: d.axisPosition === 'left' ? leftCount++ : rightCount++\n\t\t\t};\n\t\t});\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.config.xAxisMode = args.xAxisMode || 'tick';\n\t\tthis.config.yAxisMode = args.yAxisMode || 'span';\n\t}\n\n\t// setUnitWidthAndXOffset() {\n\t// \tthis.state.unitWidth = this.width/(this.state.datasetLength);\n\t// \tthis.state.xOffset = this.state.unitWidth/2;\n\t// }\n\n\tconfigUnits() {\n\t\tthis.unitArgs = {\n\t\t\ttype: 'bar',\n\t\t\targs: {\n\t\t\t\tspaceWidth: this.state.unitWidth/2,\n\t\t\t}\n\t\t};\n\t}\n\n\tsetYAxis() {\n\t\tthis.state.datasets.map(d => {\n\t\t\tthis.calcYAxisParameters(d.yAxis, d.values, this.unitType === 'line');\n\t\t});\n\t}\n\n\tcalcYUnits() {\n\t\tthis.state.datasets.map(d => {\n\t\t\td.positions = d.values.map(val => floatTwo(d.yAxis.zeroLine - val * d.yAxis.scaleMultiplier));\n\t\t});\n\t}\n\n\trenderConstants() {\n\t\tthis.state.datasets.map(d => {\n\t\t\tlet guidePos = d.yAxis.position === 'left'\n\t\t\t\t? -1 * d.yAxis.index * Y_AXIS_MARGIN\n\t\t\t\t: this.width + d.yAxis.index * Y_AXIS_MARGIN;\n\t\t\tthis.renderer.xLine(guidePos, '', {\n\t\t\t\tpos:'top',\n\t\t\t\tmode: 'span',\n\t\t\t\tstroke: this.colors[i],\n\t\t\t\tclassName: 'y-axis-guide'\n\t\t\t})\n\t\t});\n\t}\n\n\tgetYAxesComponents() {\n\t\treturn this.data.datasets.map((e, i) => {\n\t\t\treturn new ChartComponent({\n\t\t\t\tlayerClass: 'y axis y-axis-' + i,\n\t\t\t\tmake: () => {\n\t\t\t\t\tlet yAxis = this.state.datasets[i].yAxis;\n\t\t\t\t\tthis.renderer.setZeroline(yAxis.zeroline);\n\t\t\t\t\tlet options = {\n\t\t\t\t\t\tpos: yAxis.position,\n\t\t\t\t\t\tmode: 'tick',\n\t\t\t\t\t\toffset: yAxis.index * Y_AXIS_MARGIN,\n\t\t\t\t\t\tstroke: this.colors[i]\n\t\t\t\t\t};\n\n\t\t\t\t\treturn yAxis.positions.map((position, j) =>\n\t\t\t\t\t\tthis.renderer.yLine(position, yAxis.labels[j], options)\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\tanimate: () => {}\n\t\t\t});\n\t\t});\n\t}\n\n\t// TODO remove renderer zeroline from above and below\n\tgetChartComponents() {\n\t\treturn this.data.datasets.map((d, index) => {\n\t\t\treturn new ChartComponent({\n\t\t\t\tlayerClass: 'dataset-units dataset-' + index,\n\t\t\t\tmake: () => {\n\t\t\t\t\tlet d = this.state.datasets[index];\n\t\t\t\t\tlet unitType = this.unitArgs;\n\n\t\t\t\t\t// the only difference, should be tied to datasets or default\n\t\t\t\t\tthis.renderer.setZeroline(d.yAxis.zeroLine);\n\n\t\t\t\t\treturn d.positions.map((y, j) => {\n\t\t\t\t\t\treturn this.renderer[unitType.type](\n\t\t\t\t\t\t\tthis.state.xAxisPositions[j],\n\t\t\t\t\t\t\ty,\n\t\t\t\t\t\t\tunitType.args,\n\t\t\t\t\t\t\tthis.colors[index],\n\t\t\t\t\t\t\tj,\n\t\t\t\t\t\t\tindex,\n\t\t\t\t\t\t\tthis.state.datasetLength\n\t\t\t\t\t\t);\n\t\t\t\t\t});\n\t\t\t\t},\n\t\t\t\tanimate: (svgUnits) => {\n\t\t\t\t\tlet d = this.state.datasets[index];\n\t\t\t\t\tlet unitType = this.unitArgs.type;\n\n\t\t\t\t\t// have been updated in axis render;\n\t\t\t\t\tlet newX = this.state.xAxisPositions;\n\t\t\t\t\tlet newY = this.state.datasets[index].positions;\n\n\t\t\t\t\tlet lastUnit = svgUnits[svgUnits.length - 1];\n\t\t\t\t\tlet parentNode = lastUnit.parentNode;\n\n\t\t\t\t\tif(this.oldState.xExtra > 0) {\n\t\t\t\t\t\tfor(var i = 0; i<this.oldState.xExtra; i++) {\n\t\t\t\t\t\t\tlet unit = lastUnit.cloneNode(true);\n\t\t\t\t\t\t\tparentNode.appendChild(unit);\n\t\t\t\t\t\t\tsvgUnits.push(unit);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.renderer.setZeroline(d.yAxis.zeroLine);\n\n\t\t\t\t\tsvgUnits.map((unit, i) => {\n\t\t\t\t\t\tif(newX[i] === undefined || newY[i] === undefined) return;\n\t\t\t\t\t\tthis.elementsToAnimate.push(this.renderer['animate' + unitType](\n\t\t\t\t\t\t\tunit, // unit, with info to replace where it came from in the data\n\t\t\t\t\t\t\tnewX[i],\n\t\t\t\t\t\t\tnewY[i],\n\t\t\t\t\t\t\tindex,\n\t\t\t\t\t\t\tthis.state.noOfDatasets\n\t\t\t\t\t\t));\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends BaseChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\t\tthis.type = 'percentage';\n\n\t\tthis.max_slices = 10;\n\t\tthis.max_legend_points = 6;\n\n\t\tthis.setup();\n\t}\n\n\tmakeChartArea() {\n\t\tthis.chartWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.chartWrapper.style.marginTop = '45px';\n\n\t\tthis.statsWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.statsWrapper.style.marginBottom = '30px';\n\t\tthis.statsWrapper.style.paddingTop = '0px';\n\n\t\tthis.chartDiv = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chartWrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.chartDiv\n\t\t});\n\t}\n\n\tsetupLayers() {\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\tsetup_values() {\n\t\tthis.slice_totals = [];\n\t\tlet all_totals = this.data.labels.map((d, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, d];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = all_totals;\n\n\t\tif(all_totals.length > this.max_slices) {\n\t\t\tall_totals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = all_totals.slice(0, this.max_slices-1);\n\t\t\tlet others = all_totals.slice(this.max_slices-1);\n\n\t\t\tlet sum_of_others = 0;\n\t\t\tothers.map(d => {sum_of_others += d[0];});\n\n\t\t\ttotals.push([sum_of_others, 'Rest']);\n\n\t\t\tthis.colors[this.max_slices-1] = 'grey';\n\t\t}\n\n\t\tthis.labels = [];\n\t\ttotals.map(d => {\n\t\t\tthis.slice_totals.push(d[0]);\n\t\t\tthis.labels.push(d[1]);\n\t\t});\n\n\t\tthis.legend_totals = this.slice_totals.slice(0, this.max_legend_points);\n\t}\n\n\trenderComponents() {\n\t\tthis.grand_total = this.slice_totals.reduce((a, b) => a + b, 0);\n\t\tthis.slices = [];\n\t\tthis.slice_totals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\tinside: this.percentageBar,\n\t\t\t\tstyles: {\n\t\t\t\t\tbackground: this.colors[i],\n\t\t\t\t\twidth: total*100/this.grand_total + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.slices.push(slice);\n\t\t});\n\t}\n\n\tcalc() {}\n\n\t// bindTooltip() {\n\t// \tthis.slices.map((slice, i) => {\n\t// \t\tslice.addEventListener('mouseenter', () => {\n\t// \t\t\tlet g_off = getOffset(this.chartWrapper), p_off = getOffset(slice);\n\n\t// \t\t\tlet x = p_off.left - g_off.left + slice.offsetWidth/2;\n\t// \t\t\tlet y = p_off.top - g_off.top - 6;\n\t// \t\t\tlet title = (this.formatted_labels && this.formatted_labels.length>0\n\t// \t\t\t\t? this.formatted_labels[i] : this.labels[i]) + ': ';\n\t// \t\t\tlet percent = (this.slice_totals[i]*100/this.grand_total).toFixed(1);\n\n\t// \t\t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t// \t\t\tthis.tip.show_tip();\n\t// \t\t});\n\t// \t});\n\t// }\n\n\t// renderLegend() {\n\t// \tlet x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t// \t\t? this.formatted_labels : this.labels;\n\t// \tthis.legend_totals.map((d, i) => {\n\t// \t\tif(d) {\n\t// \t\t\tlet stats = $.create('div', {\n\t// \t\t\t\tclassName: 'stats',\n\t// \t\t\t\tinside: this.statsWrapper\n\t// \t\t\t});\n\t// \t\t\tstats.innerHTML = `<span class=\"indicator\">\n\t// \t\t\t\t<i style=\"background: ${this.colors[i]}\"></i>\n\t// \t\t\t\t<span class=\"text-muted\">${x_values[i]}:</span>\n\t// \t\t\t\t${d}\n\t// \t\t\t</span>`;\n\t// \t\t}\n\t// \t});\n\t// }\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\nimport { makePath } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { runSMILAnimation, transform } from '../utils/animation';\nconst ANGLE_RATIO = Math.PI / 180;\nconst FULL_ANGLE = 360;\n\nexport default class PieChart extends BaseChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\t\tthis.type = 'pie';\n\t\tthis.elements_to_animate = null;\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.max_slices = 10;\n\t\tthis.max_legend_points = 6;\n\t\tthis.isAnimate = false;\n\t\tthis.startAngle = args.startAngle || 0;\n\t\tthis.clockWise = args.clockWise || false;\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\t\tthis.setup();\n\t}\n\tsetup_values() {\n\t\tthis.centerX = this.width / 2;\n\t\tthis.centerY = this.height / 2;\n\t\tthis.radius = (this.height > this.width ? this.centerX : this.centerY);\n\t\tthis.slice_totals = [];\n\t\tlet all_totals = this.data.labels.map((d, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, d];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = all_totals;\n\n\t\tif(all_totals.length > this.max_slices) {\n\t\t\tall_totals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = all_totals.slice(0, this.max_slices-1);\n\t\t\tlet others = all_totals.slice(this.max_slices-1);\n\n\t\t\tlet sum_of_others = 0;\n\t\t\tothers.map(d => {sum_of_others += d[0];});\n\n\t\t\ttotals.push([sum_of_others, 'Rest']);\n\n\t\t\tthis.colors[this.max_slices-1] = 'grey';\n\t\t}\n\n\t\tthis.labels = [];\n\t\ttotals.map(d => {\n\t\t\tthis.slice_totals.push(d[0]);\n\t\t\tthis.labels.push(d[1]);\n\t\t});\n\n\t\tthis.legend_totals = this.slice_totals.slice(0, this.max_legend_points);\n\t}\n\n\tstatic getPositionByAngle(angle,radius){\n\t\treturn {\n\t\t\tx:Math.sin(angle * ANGLE_RATIO) * radius,\n\t\t\ty:Math.cos(angle * ANGLE_RATIO) * radius,\n\t\t};\n\t}\n\tmakeArcPath(startPosition,endPosition){\n\t\tconst{centerX,centerY,radius,clockWise} = this;\n\t\treturn `M${centerX} ${centerY} L${centerX+startPosition.x} ${centerY+startPosition.y} A ${radius} ${radius} 0 0 ${clockWise ? 1 : 0} ${centerX+endPosition.x} ${centerY+endPosition.y} z`;\n\t}\n\trenderComponents(init){\n\t\tconst{radius,clockWise} = this;\n\t\tthis.grand_total = this.slice_totals.reduce((a, b) => a + b, 0);\n\t\tconst prevSlicesProperties = this.slicesProperties || [];\n\t\tthis.slices = [];\n\t\tthis.elements_to_animate = [];\n\t\tthis.slicesProperties = [];\n\t\tlet curAngle = 180 - this.startAngle;\n\t\tthis.slice_totals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / this.grand_total) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = PieChart.getPositionByAngle(startAngle,radius);\n\t\t\tconst endPosition = PieChart.getPositionByAngle(endAngle,radius);\n\t\t\tconst prevProperty = init && prevSlicesProperties[i];\n\t\t\tlet curStart,curEnd;\n\t\t\tif(init){\n\t\t\t\tcurStart = prevProperty?prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty? prevProperty.endPosition : startPosition;\n\t\t\t}else{\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath = this.makeArcPath(curStart,curEnd);\n\t\t\tlet slice = makePath(curPath, 'pie-path', 'none', this.colors[i]);\n\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\tthis.drawArea.appendChild(slice);\n\n\t\t\tthis.slices.push(slice);\n\t\t\tthis.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: this.grand_total,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle:diffAngle\n\t\t\t});\n\t\t\tif(init){\n\t\t\t\tthis.elements_to_animate.push([{unit: slice, array: this.slices, index: this.slices.length - 1},\n\t\t\t\t\t{d:this.makeArcPath(startPosition,endPosition)},\n\t\t\t\t\t650, \"easein\",null,{\n\t\t\t\t\t\td:curPath\n\t\t\t\t\t}]);\n\t\t\t}\n\n\t\t});\n\t\tif(init){\n\t\t\trunSMILAnimation(this.chartWrapper, this.svg, this.elements_to_animate);\n\t\t}\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = PieChart.getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag){\n\t\t\ttransform(path,this.calTranslateByAngle(this.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color,50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length>0\n\t\t\t\t? this.formatted_labels[i] : this.labels[i]) + ': ';\n\t\t\tlet percent = (this.slice_totals[i]*100/this.grand_total).toFixed(1);\n\t\t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t\t\tthis.tip.show_tip();\n\t\t}else{\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hide_tip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tfor(let i = 0; i < this.slices.length; i++){\n\t\t\tif(target === this.slices[i]){\n\t\t\t\tthis.hoverSlice(prevAcitve,prevIndex,false);\n\t\t\t\tthis.curActiveSlice = target;\n\t\t\t\tthis.curActiveSliceIndex = i;\n\t\t\t\tthis.hoverSlice(target,i,true,e);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n\tbindTooltip() {\n\t\tthis.drawArea.addEventListener('mousemove',this.mouseMove);\n\t\tthis.drawArea.addEventListener('mouseleave',this.mouseLeave);\n\t}\n\n\trenderLegend() {\n\t\tlet x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t? this.formatted_labels : this.labels;\n\t\tthis.legend_totals.map((d, i) => {\n\t\t\tconst color = this.colors[i];\n\n\t\t\tif(d) {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.statsWrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `<span class=\"indicator\">\n\t\t\t\t\t<i style=\"background-color:${color};\"></i>\n\t\t\t\t\t<span class=\"text-muted\">${x_values[i]}:</span>\n\t\t\t\t\t${d}\n\t\t\t\t</span>`;\n\t\t\t}\n\t\t});\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { makeSVGGroup, makeHeatSquare, makeText } from '../utils/draw';\nimport { addDays, getDdMmYyyy, getWeeksBetween } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { isValidColor } from '../utils/colors';\n\nexport default class Heatmap extends BaseChart {\n\tconstructor({\n\t\tstart = '',\n\t\tdomain = '',\n\t\tsubdomain = '',\n\t\tdata = {},\n\t\tdiscrete_domains = 0,\n\t\tcount_label = '',\n\t\tlegend_colors = []\n\t}) {\n\t\tsuper(arguments[0]);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = domain;\n\t\tthis.subdomain = subdomain;\n\t\tthis.data = data;\n\t\tthis.discrete_domains = discrete_domains;\n\t\tthis.count_label = count_label;\n\n\t\tlet today = new Date();\n\t\tthis.start = start || addDays(today, 365);\n\n\t\tlegend_colors = legend_colors.slice(0, 5);\n\t\tthis.legend_colors = this.validate_colors(legend_colors)\n\t\t\t? legend_colors\n\t\t\t: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\t// Fixed 5-color theme,\n\t\t// More colors are difficult to parse visually\n\t\tthis.distribution_size = 5;\n\n\t\tthis.translateX = 0;\n\t\t// this.setup();\n\t}\n\n\tvalidate_colors(colors) {\n\t\tif(colors.length < 5) return 0;\n\n\t\tlet valid = 1;\n\t\tcolors.forEach(function(string) {\n\t\t\tif(!isValidColor(string)) {\n\t\t\t\tvalid = 0;\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t}\n\t\t}, this);\n\n\t\treturn valid;\n\t}\n\n\tsetupConstants() {\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.first_week_start = new Date(this.start.toDateString());\n\t\tthis.last_week_start = new Date(this.today.toDateString());\n\t\tif(this.first_week_start.getDay() !== 7) {\n\t\t\taddDays(this.first_week_start, (-1) * this.first_week_start.getDay());\n\t\t}\n\t\tif(this.last_week_start.getDay() !== 7) {\n\t\t\taddDays(this.last_week_start, (-1) * this.last_week_start.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.first_week_start + '', this.last_week_start + '') + 1;\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 3) * 12 ;\n\n\t\tif(this.discrete_domains) {\n\t\t\tthis.baseWidth += (12 * 12);\n\t\t}\n\t}\n\n\tsetupLayers() {\n\t\tthis.domain_label_group = this.makeLayer(\n\t\t\t'domain-label-group chart-label');\n\n\t\tthis.data_groups = this.makeLayer(\n\t\t\t'data-groups',\n\t\t\t`translate(0, 20)`\n\t\t);\n\t}\n\n\tsetup_values() {\n\t\tthis.domain_label_group.textContent = '';\n\t\tthis.data_groups.textContent = '';\n\n\t\tlet data_values = Object.keys(this.data).map(key => this.data[key]);\n\t\tthis.distribution = calcDistribution(data_values, this.distribution_size);\n\n\t\tthis.month_names = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\n\t\tthis.render_all_weeks_and_store_x_values(this.no_of_cols);\n\t}\n\n\trender_all_weeks_and_store_x_values(no_of_weeks) {\n\t\tlet current_week_sunday = new Date(this.first_week_start);\n\t\tthis.week_col = 0;\n\t\tthis.current_month = current_week_sunday.getMonth();\n\n\t\tthis.months = [this.current_month + ''];\n\t\tthis.month_weeks = {}, this.month_start_points = [];\n\t\tthis.month_weeks[this.current_month] = 0;\n\t\tthis.month_start_points.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet data_group, month_change = 0;\n\t\t\tlet day = new Date(current_week_sunday);\n\n\t\t\t[data_group, month_change] = this.get_week_squares_group(day, this.week_col);\n\t\t\tthis.data_groups.appendChild(data_group);\n\t\t\tthis.week_col += 1 + parseInt(this.discrete_domains && month_change);\n\t\t\tthis.month_weeks[this.current_month]++;\n\t\t\tif(month_change) {\n\t\t\t\tthis.current_month = (this.current_month + 1) % 12;\n\t\t\t\tthis.months.push(this.current_month + '');\n\t\t\t\tthis.month_weeks[this.current_month] = 1;\n\t\t\t}\n\t\t\taddDays(current_week_sunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(current_date, index) {\n\t\tconst no_of_weekdays = 7;\n\t\tconst square_side = 10;\n\t\tconst cell_padding = 2;\n\t\tconst step = 1;\n\t\tconst today_time = this.today.getTime();\n\n\t\tlet month_change = 0;\n\t\tlet week_col_change = 0;\n\n\t\tlet data_group = makeSVGGroup(this.data_groups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < no_of_weekdays; i += step, y += (square_side + cell_padding)) {\n\t\t\tlet data_value = 0;\n\t\t\tlet color_index = 0;\n\n\t\t\tlet current_timestamp = current_date.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(current_timestamp - (current_timestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdata_value = this.data[timestamp];\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdata_value = this.data[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(data_value) {\n\t\t\t\tcolor_index = getMaxCheckpoint(data_value, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + week_col_change) * 12;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(current_date),\n\t\t\t\t'data-value': data_value,\n\t\t\t\t'data-day': current_date.getDay()\n\t\t\t};\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, square_side,\n\t\t\t\tthis.legend_colors[color_index], dataAttr);\n\n\t\t\tdata_group.appendChild(heatSquare);\n\n\t\t\tlet next_date = new Date(current_date);\n\t\t\taddDays(next_date, 1);\n\t\t\tif(next_date.getTime() > today_time) break;\n\n\n\t\t\tif(next_date.getMonth() - current_date.getMonth()) {\n\t\t\t\tmonth_change = 1;\n\t\t\t\tif(this.discrete_domains) {\n\t\t\t\t\tweek_col_change = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.month_start_points.push(13 + (index + week_col_change) * 12);\n\t\t\t}\n\t\t\tcurrent_date = next_date;\n\t\t}\n\n\t\treturn [data_group, month_change];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.first_week_start.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.month_start_points.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.month_start_points.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.month_start_points.shift();\n\t\tthis.months.pop();\n\t\tthis.month_start_points.pop();\n\n\t\tthis.month_start_points.map((start, i) => {\n\t\t\tlet month_name =  this.month_names[this.months[i]].substring(0, 3);\n\t\t\tlet text = makeText('y-value-text', start+12, 10, month_name);\n\t\t\tthis.domain_label_group.appendChild(text);\n\t\t});\n\t}\n\n\trenderComponents() {\n\t\tArray.prototype.slice.call(\n\t\t\tthis.container.querySelectorAll('.graph-stats-container, .sub-title, .title')\n\t\t).map(d => {\n\t\t\td.style.display = 'None';\n\t\t});\n\t\tthis.chartWrapper.style.marginTop = '0px';\n\t\tthis.chartWrapper.style.paddingTop = '0px';\n\t}\n\n\tbindTooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet date_parts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.month_names[parseInt(date_parts[1])-1].substring(0, 3);\n\n\t\t\t\tlet g_off = this.chartWrapper.getBoundingClientRect(), p_off = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = p_off.left - g_off.left + (width+2)/2;\n\t\t\t\tlet y = p_off.top - g_off.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.count_label;\n\t\t\t\tlet name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];\n\n\t\t\t\tthis.tip.set_values(x, y, name, value, [], 1);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tthis.data = data;\n\t\tthis.setup_values();\n\t\tthis.bindTooltip();\n\t}\n}\n"],"names":["expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getBarHeightAndYAttr","yTop","zeroLine","height","y","totalHeight","MIN_BAR_PERCENT_HEIGHT","equilizeNoOfElements","array1","array2","extra_count","translate","unit","oldCoord","newCoord","duration","transform","join","STD_EASING","translateHoriLine","yLine","newY","oldY","MARKER_LINE_ANIM_DUR","$","createSVG","tag","o","createElementNS","i","val","appendChild","ref","parentNode","insertBefore","keys","map","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","offset","color","opacity","makeSVGContainer","parent","className","width","makeSVGDefs","svgContainer","makeSVGGroup","wrapInSVGGroup","elements","g","forEach","e","makePath","pathStr","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","x","size","data","args","key","makeText","content","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","pos","mode","AXIS_TICK_LENGTH","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","slice","num","parseInt","b","toString","isValidColor","test","getDifferentChart","type","current_type","ALL_CHART_TYPES","includes","error","COMPATIBLE_CHARTS","useColor","COLOR_COMPATIBLE_CHARTS","Chart","title","colors","undefined","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","getAttribute","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","newElements","animElements","push","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","getYAxisComponent","constants","initData","ChartComponent","positions","position","labels","_this3","newData","newPos","newLabels","oldPos","this","oldData","oldLabels","render","store","getPaths","yList","xList","heatline","regionFill","pointsStr","path","gradient_id","svgDefs","components","gradient_id_region","state","yAxis","normalize","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","ceil","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","getRealIntervals","noOfIntervals","asc","part","orderedArray","getValueRange","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","filter","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","getDaysBetween","addDays","numberOfDays","setDate","getChartByType","chartType","AxisChart","chartTypes","create","createElement","SvgTip","title_name","title_value","list_values","title_value_first","setup","make_tooltip","calc_position","container","hide_tip","data_point_list","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","max_left","pointer","pointer_offset","refresh","AxisChartRenderer","refreshState","totalWidth","unitWidth","xAxisMode","yAxisMode","labelSvg","upperBorder","lowerBorder","region","bar","index","noOfDatasets","avgUnitWidth","dot","cx","cy","paths","pathComponents","animPath","regStartPt","regEndPt","animRegion","PRESET_COLOR_MAP","DEFAULT_COLORS","BaseChart","subtitle","isNavigable","showLegend","rawChartArgs","arguments","argHeight","currentIndex","configure","setColors","config","list","datasets","baseHeight","translateY","setHorizontalMargin","translateXLeft","translateXRight","parseData","checkData","animate","getFirstUpdateData","firstUpdateData","validate","_setup","bindWindowEvents","setupConstants","setMargins","makeContainer","makeTooltip","calcWidth","makeChartArea","setupComponents","draw","_this","chartWrapper","statsWrapper","tip","bindTooltip","init","c","make","renderLegend","setupNavigation","update","baseWidth","prepareData","calc","refreshRenderer","renderer","refreshComponents","apply","log","svg","drawArea","makeOverlay","bindOverlay","event","keyCode","onLeftArrow","onRightArrow","onUpArrow","onDownArrow","onEnterKey","dataset","dataPoint","layerClass","layerTransform","preMake","makeElements","postMake","animateElements","layer","textContent","AxisChartController","meta","setupArgs","consts","Object","assign","BarChartController","radius","m","barsWidth","spaceRatio","stacked","minHeight","LineChartController","dotSize","isSeries","valuesOverPoints","formatTooltipY","formatTooltipX","barOptions","lineOptions","setupUnitRenderer","preSetup","unitRenderers","prepareYAxis","s","xAxisLabels","datasetLength","zeroArray","vals","yMarkers","yRegions","calcXPositions","datasetsLabels","name","setYAxis","calcYUnits","calcYMaximums","calcYRegions","configUnits","calcYAxisParameters","getAllYValues","setUnitWidthAndXOffset","xAxisPositions","xOffset","xUnitPositions","dataValues","scaleMultiplier","intervalHeight","cumulativePositions","cumulativeYs","yExtremes","j","end","cumulative","refreshYAxis","_this4","xLine","xLines","newX","oldX","oldState","xExtra","lastLine","translateVertLine","dataUnitsComponents","_this5","getPathComponent","getDataUnitComponent","unitRenderer","_this6","svgUnits","lastUnit","_this8","newPointsList","animatepath","_this9","yMarker","marker","_this10","yRegion","_this11","refreshMeta","_this12","relX","pageX","pageY","mapTooltipXPosition","titles","_this13","formatY","xVal","set_values","show_tip","current_index","data_point","data_key","fire","getDataPoint","datasetValues","splice","ScatterChart","dotRadius","unit_args","getPrototypeOf","LineChart","prototype","showDots","unitArgs","MultiAxisChart","noOfLeftAxes","axisPosition","leftCount","rightCount","unitType","guidePos","setZeroline","zeroline","PercentageChart","max_slices","max_legend_points","marginTop","marginBottom","paddingTop","chartDiv","chart","percentageBar","slice_totals","all_totals","total","totals","sort","a","sum_of_others","legend_totals","grand_total","reduce","slices","ANGLE_RATIO","PI","PieChart","elements_to_animate","hoverRadio","isAnimate","startAngle","clockWise","mouseMove","bind","mouseLeave","centerX","centerY","startPosition","endPosition","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","diffAngle","endAngle","getPositionByAngle","prevProperty","curStart","curEnd","curPath","makeArcPath","transition","property","angle","flag","calTranslateByAngle","g_off","formatted_labels","percent","target","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","x_values","sin","cos","domain","subdomain","discrete_domains","count_label","legend_colors","today","validate_colors","distribution_size","translateX","valid","warn","setFullYear","first_week_start","toDateString","last_week_start","getDay","no_of_cols","domain_label_group","makeLayer","data_groups","data_values","month_names","render_all_weeks_and_store_x_values","no_of_weeks","current_week_sunday","week_col","current_month","months","month_weeks","month_start_points","data_group","month_change","day","get_week_squares_group","render_month_labels","current_date","today_time","getTime","week_col_change","square_side","data_value","color_index","current_timestamp","timestamp","round","dataAttr","heatSquare","next_date","shift","pop","substring","call","querySelectorAll","display","date_parts","split","month","p_off","setup_values","Heatmap"],"mappings":"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"}
\ No newline at end of file
diff --git a/docs/assets/js/index.js b/docs/assets/js/index.js
index 5f19807..57d4498 100755
--- a/docs/assets/js/index.js
+++ b/docs/assets/js/index.js
@@ -53,6 +53,7 @@ let bar_composite_chart = new Chart ({
 	isNavigable: 1,
 	isSeries: 1,
 	valuesOverPoints: 1,
+	yAxisMode: 'tick'
 	// regionFill: 1
 });
 
diff --git a/rollup.config.js b/rollup.config.js
index 42a57c7..b4a7678 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -16,6 +16,7 @@ import pkg from './package.json';
 export default [
 	{
 		input: 'src/js/chart.js',
+		sourcemap: true,
 		output: [
 			{
 				file: 'docs/assets/js/frappe-charts.min.js',
diff --git a/src/js/charts/AxisChart.js b/src/js/charts/AxisChart.js
index c23d79f..2a9fa4e 100644
--- a/src/js/charts/AxisChart.js
+++ b/src/js/charts/AxisChart.js
@@ -1,13 +1,13 @@
 import BaseChart from './BaseChart';
 import { Y_AXIS_MARGIN } from '../utils/margins';
-import { ChartComponent } from '../objects/ChartComponent';
+import { getYAxisComponent } from '../objects/ChartComponents';
 import { BarChartController, LineChartController, getPaths } from '../objects/AxisChartControllers';
-import { getOffset, fire } from '../utils/dom';
 import { AxisChartRenderer } from '../utils/draw';
+import { getOffset, fire } from '../utils/dom';
 import { equilizeNoOfElements } from '../utils/draw-utils';
-import { Animator } from '../utils/animate';
+import { Animator, translateHoriLine } from '../utils/animate';
 import { runSMILAnimation } from '../utils/animation';
-import { calcIntervals, getIntervalSize, getValueRange, getZeroIndex } from '../utils/intervals';
+import { getRealIntervals, calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex } from '../utils/intervals';
 import { floatTwo, fillArray } from '../utils/helpers';
 
 export default class AxisChart extends BaseChart {
@@ -21,6 +21,9 @@ export default class AxisChart extends BaseChart {
 		this.lineOptions = args.lineOptions;
 		this.type = args.type || 'line';
 
+		this.xAxisMode = args.xAxisMode || 'span';
+		this.yAxisMode = args.yAxisMode || 'span';
+
 		this.setupUnitRenderer();
 
 		this.zeroLine = this.height;
@@ -124,7 +127,7 @@ export default class AxisChart extends BaseChart {
 		};
 	}
 
-	reCalc() {
+	calc() {
 		let s = this.state;
 
 		s.xAxisLabels = this.data.labels;
@@ -156,7 +159,7 @@ export default class AxisChart extends BaseChart {
 	}
 
 	calcYAxisParameters(yAxis, dataValues, withMinimum = 'false') {
-		yAxis.labels = calcIntervals(dataValues, withMinimum);
+		yAxis.labels = calcChartIntervals(dataValues, withMinimum);
 		const yPts = yAxis.labels;
 
 		yAxis.scaleMultiplier = this.height / getValueRange(yPts);
@@ -256,78 +259,63 @@ export default class AxisChart extends BaseChart {
 		// 	this.bind_units(units_array);
 		// }
 
+		this.yAxis = getYAxisComponent(
+			this.drawArea,
+			{
+				mode: this.yAxisMode,
+				width: this.width,
+				// pos: 'right'
+			},
+			{
+				positions: getRealIntervals(this.height, 4, 0, 0),
+				labels: getRealIntervals(this.height, 4, 0, 0).map(d => d + ""),
+			}
+		)
 		this.components = [
-			...this.getYAxesComponents(),
-			this.getXAxisComponents(),
-			...this.getYRegions(),
-			...this.getXRegions(),
-			...this.getYMarkerLines(),
-			// ...this.getXMarkerLines(),
-			...this.getChartComponents(),
-			...this.getChartLabels(),
+			this.yAxis
+			// this.getXAxisComponents(),
+			// ...this.getYRegions(),
+			// ...this.getXRegions(),
+			// ...this.getYMarkerLines(),
+			// // ...this.getXMarkerLines(),
+			// ...this.getChartComponents(),
+			// ...this.getChartLabels(),
 		];
 	}
 
-	getYAxesComponents() {
-		return [new ChartComponent({
-			layerClass: 'y axis',
-			setData: () => {
-				// let s = this.state;
-
-				// data = {};
-
-
-				// return data;
-			},
-			initializeData: function() {
-				this.axesPositions = this.state
-			},
-			make: () => {
-				// positions, labels, renderer
-				let s = this.state;
-				return s.yAxis.positions.map((position, i) =>
-					this.renderer.yLine(position, s.yAxis.labels[i], {pos:'right'})
-				);
-			},
-			animate: (yLines) => {
-				// Equilize
-				let newY = this.state.yAxis.positions;
-				let oldY = this.oldState.yAxis.positions;
-
-				let extra = newY.length - oldY.length;
-				let lastLine = yLines[yLines.length - 1];
-				let parentNode = lastLine.parentNode;
-
-				[oldY, newY] = equilizeNoOfElements(oldY, newY);
-				// console.log(newY.slice(), oldY.slice());
-				if(extra > 0) {
-					for(var i = 0; i<extra; i++) {
-						let line = lastLine.cloneNode(true);
-						parentNode.appendChild(line);
-						yLines.push(line);
-					}
-				}
+	refreshComponents() {
+		this.refreshYAxis();
+	}
 
-				yLines.map((line, i) => {
-					// console.log(line, newY[i], oldY[i]);
-					this.elementsToAnimate.push(this.renderer.translateHoriLine(
-						line, newY[i], oldY[i]
-					));
-				});
-			}
-		})];
+	refreshYAxis() {
+		let s = this.state;
+		this.yAxis.refresh({
+			positions: s.yAxis.positions,
+			labels: s.yAxis.labels,
+		});
 	}
 
 	getXAxisComponents() {
 		return new ChartComponent({
 			layerClass: 'x axis',
-			setData: () => {},
-			make: () => {
+			setData: () => {
+				let s = this.state;
+				let data = {
+					positions: s.xAxisPositions,
+					labels: s.xAxisLabels,
+				};
+				let constants = {
+					mode: this.xAxisMode,
+					height: this.height
+				}
+				return [data, constants];
+			},
+			makeElements: () => {
 				let s = this.state;
 				// positions
 				// TODO: xAxis Label spacing
 				return s.xAxisPositions.map((position, i) =>
-					this.renderer.xLine(position, s.xAxisLabels[i]
+					xLine(position, s.xAxisLabels[i], this.constants.height
 						// , {pos:'top'}
 					)
 				);
@@ -384,7 +372,7 @@ export default class AxisChart extends BaseChart {
 			layerClass: 'dataset-units dataset-' + index,
 			setData: () => {},
 			preMake: () => { },
-			make: () => {
+			makeElements: () => {
 				let d = this.state.datasets[index];
 
 				return d.positions.map((y, j) => {
@@ -446,7 +434,7 @@ export default class AxisChart extends BaseChart {
 		return new ChartComponent({
 			layerClass: 'path dataset-path',
 			setData: () => {},
-			make: () => {
+			makeElements: () => {
 				let d = this.state.datasets[index];
 				let color = this.colors[index];
 
@@ -496,7 +484,7 @@ export default class AxisChart extends BaseChart {
 			return new ChartComponent({
 				layerClass: 'y-markers',
 				setData: () => {},
-				make: () => {
+				makeElements: () => {
 					let s = this.state;
 					return s.yMarkers.map(marker =>
 						this.renderer.yMarker(marker.value, marker.name,
@@ -517,7 +505,7 @@ export default class AxisChart extends BaseChart {
 			return new ChartComponent({
 				layerClass: 'y-regions',
 				setData: () => {},
-				make: () => {
+				makeElements: () => {
 					let s = this.state;
 					return s.yRegions.map(region =>
 						this.renderer.yRegion(region.start, region.end, region.name)
@@ -528,10 +516,6 @@ export default class AxisChart extends BaseChart {
 		});
 	}
 
-	getXRegions() {
-		return [];
-	}
-
 	refreshRenderer() {
 		// These args are basically the current state of the chart,
 		// with constant and alive params mixed
@@ -551,8 +535,6 @@ export default class AxisChart extends BaseChart {
 			this.renderer.refreshState(state);
 		}
 
-		this.refreshComponents();
-
 		let meta = {
 			totalHeight: this.height,
 			totalWidth: this.width,
diff --git a/src/js/charts/BaseChart.js b/src/js/charts/BaseChart.js
index db55769..edd6788 100644
--- a/src/js/charts/BaseChart.js
+++ b/src/js/charts/BaseChart.js
@@ -128,11 +128,15 @@ export default class BaseChart {
 	_setup() {
 		this.bindWindowEvents();
 		this.setupConstants();
-		this.setupComponents();
 
 		this.setMargins();
 		this.makeContainer();
 		this.makeTooltip(); // without binding
+
+		this.calcWidth();
+		this.makeChartArea();
+		this.setupComponents();
+
 		this.draw(true);
 	}
 
@@ -175,31 +179,13 @@ export default class BaseChart {
 	bindTooltip() {}
 
 	draw(init=false) {
-		// difference from update(): draw the whole object due to groudbreaking event (init, resize, etc.)
-		// (draw everything, layers, groups, units)
-
-		this.calcWidth();
-
-		// refresh conponent with chart
-		this.refresh(this.data);
-
-		this.makeChartArea();
-		this.setComponentParent();
-		this.makeComponentLayers();
-
+		this.components.forEach(c => c.make()); // or c.build()
 		this.renderLegend();
-		this.setupNavigation(init);
-
-		// first time plain render, so no rerender
-		this.renderComponents();
-		this.renderConstants();
 
-		if(this.config.animate) this.update(this.firstUpdateData);
-	}
+		this.setupNavigation(init);
 
-	update(data) {
-		this.refresh(data);
-		this.reRender();
+		// TODO: remove timeout and decrease post animate time in chart component
+		setTimeout(() => {this.update();}, 1000);
 	}
 
 	calcWidth() {
@@ -215,15 +201,34 @@ export default class BaseChart {
 		this.width = this.baseWidth - (this.translateXLeft + this.translateXRight);
 	}
 
-	refresh(data) { //?? refresh?
-		this.oldState = this.state ? JSON.parse(JSON.stringify(this.state)) : {};
-		this.intermedState = {}; // use this for the extra position problems?
-
+	update(data=this.data) {
 		this.prepareData(data);
-		this.reCalc();
+		this.calc(); // builds state
 		this.refreshRenderer();
+		this.render();
+	}
+
+	prepareData() {}
+
+	renderConstants() {}
+
+	calc() {} // builds state
+
+	refreshRenderer() {
+		this.renderer = {};
 	}
 
+	render(animate=true) {
+		this.refreshComponents();
+		this.elementsToAnimate = [].concat.apply([], this.components.map(c => c.update(animate)));
+		console.log(this.elementsToAnimate);
+		if(this.elementsToAnimate) {
+			runSMILAnimation(this.chartWrapper, this.svg, this.elementsToAnimate);
+		}
+	}
+
+	refreshComponents() {}
+
 	makeChartArea() {
 		this.svg = makeSVGContainer(
 			this.chartWrapper,
@@ -247,41 +252,6 @@ export default class BaseChart {
 		);
 	}
 
-	prepareData() {}
-
-	renderConstants() {}
-
-	reCalc() {}
-	// Will update values(state)
-	// Will recalc specific parts depending on the update
-
-	refreshRenderer() {
-		this.renderer = {};
-	}
-
-	reRender(animate=true) {
-		if(!animate) {
-			this.renderComponents();
-			return;
-		}
-		this.elementsToAnimate = [];
-		this.loadAnimatedComponents();
-		runSMILAnimation(this.chartWrapper, this.svg, this.elementsToAnimate);
-		setTimeout(() => {
-			this.renderComponents();
-		}, 400);
-		// TODO: should be max anim duration required
-		// (opt, should not redraw if still in animate?)
-	}
-
-	// convenient component array abstractions
-	setComponentParent() { this.components.forEach(c => c.setupParent(this.drawArea)); };
-	makeComponentLayers() { this.components.forEach(c => c.makeLayer()); }
-	renderComponents() { this.components.forEach(c => c.render()); }
-	loadAnimatedComponents() { this.components.forEach(c => c.loadAnimatedComponents()); }
-
-	refreshComponents() { this.components.forEach(c => c.refresh(this.state, this.rawChartArgs)); }
-
 	renderLegend() {}
 
 	setupNavigation(init=false) {
diff --git a/src/js/charts/LineChart.js b/src/js/charts/LineChart.js
index 83e7a23..eec0caa 100644
--- a/src/js/charts/LineChart.js
+++ b/src/js/charts/LineChart.js
@@ -1,5 +1,5 @@
 import AxisChart from './AxisChart';
-import { ChartComponent } from '../objects/ChartComponent';
+// import { ChartComponent } from '../objects/ChartComponents';
 import { makeSVGGroup, makePath, makeGradient } from '../utils/draw';
 import { equilizeNoOfElements } from '../utils/draw-utils';
 
diff --git a/src/js/charts/MultiAxisChart.js b/src/js/charts/MultiAxisChart.js
index 8e15925..7df8af0 100644
--- a/src/js/charts/MultiAxisChart.js
+++ b/src/js/charts/MultiAxisChart.js
@@ -1,6 +1,6 @@
 import AxisChart from './AxisChart';
 import { Y_AXIS_MARGIN } from '../utils/margins';
-import { ChartComponent } from '../objects/ChartComponent';
+// import { ChartComponent } from '../objects/ChartComponents';
 import { floatTwo } from '../utils/helpers';
 
 export default class MultiAxisChart extends AxisChart {
diff --git a/src/js/charts/PercentageChart.js b/src/js/charts/PercentageChart.js
index 7b2dc38..72623d6 100644
--- a/src/js/charts/PercentageChart.js
+++ b/src/js/charts/PercentageChart.js
@@ -89,38 +89,40 @@ export default class PercentageChart extends BaseChart {
 		});
 	}
 
-	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 = (this.slice_totals[i]*100/this.grand_total).toFixed(1);
-
-				this.tip.set_values(x, y, title, percent + "%");
-				this.tip.show_tip();
-			});
-		});
-	}
-
-	renderLegend() {
-		let x_values = this.formatted_labels && this.formatted_labels.length > 0
-			? this.formatted_labels : this.labels;
-		this.legend_totals.map((d, i) => {
-			if(d) {
-				let stats = $.create('div', {
-					className: 'stats',
-					inside: this.statsWrapper
-				});
-				stats.innerHTML = `<span class="indicator">
-					<i style="background: ${this.colors[i]}"></i>
-					<span class="text-muted">${x_values[i]}:</span>
-					${d}
-				</span>`;
-			}
-		});
-	}
+	calc() {}
+
+	// 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 = (this.slice_totals[i]*100/this.grand_total).toFixed(1);
+
+	// 			this.tip.set_values(x, y, title, percent + "%");
+	// 			this.tip.show_tip();
+	// 		});
+	// 	});
+	// }
+
+	// renderLegend() {
+	// 	let x_values = this.formatted_labels && this.formatted_labels.length > 0
+	// 		? this.formatted_labels : this.labels;
+	// 	this.legend_totals.map((d, i) => {
+	// 		if(d) {
+	// 			let stats = $.create('div', {
+	// 				className: 'stats',
+	// 				inside: this.statsWrapper
+	// 			});
+	// 			stats.innerHTML = `<span class="indicator">
+	// 				<i style="background: ${this.colors[i]}"></i>
+	// 				<span class="text-muted">${x_values[i]}:</span>
+	// 				${d}
+	// 			</span>`;
+	// 		}
+	// 	});
+	// }
 }
diff --git a/src/js/objects/ChartComponent.js b/src/js/objects/ChartComponent.js
deleted file mode 100644
index da2d8fb..0000000
--- a/src/js/objects/ChartComponent.js
+++ /dev/null
@@ -1,63 +0,0 @@
-import { makeSVGGroup } from '../utils/draw';
-
-export class ChartComponent {
-	constructor({
-		layerClass = '',
-		layerTransform = '',
-		initData,
-
-		// called on update
-		setData,
-		preMake,
-		make,
-		postMake,
-		animate
-	}) {
-		this.layerClass = layerClass;
-		this.layerTransform = layerTransform;
-
-		this.initData = initData;
-		this.setData = setData;
-
-		this.preMake = preMake;
-		this.make = make;
-		this.postMake = postMake;
-
-		this.animate = animate;
-
-		this.layer = undefined;
-		this.store = [];
-	}
-
-	refresh(state, args) {
-		this.meta = Object.assign((this.meta || {}), args);
-		this.state = state;
-	}
-
-
-	render() {
-		this.data = this.setData(); // The only without this function?
-
-		this.preMake && this.preMake();
-		this.store = this.make();
-
-		this.layer.textContent = '';
-		this.store.forEach(element => {
-			this.layer.appendChild(element);
-		});
-
-		this.postMake && this.postMake();
-	}
-
-	setupParent(parent) {
-		this.parent = parent;
-	}
-
-	loadAnimatedComponents() {
-		this.animate(this.store);
-	}
-
-	makeLayer() {
-		this.layer = makeSVGGroup(this.parent, this.layerClass, this.layerTransform);
-	}
-}
diff --git a/src/js/objects/ChartComponents.js b/src/js/objects/ChartComponents.js
new file mode 100644
index 0000000..8b7c707
--- /dev/null
+++ b/src/js/objects/ChartComponents.js
@@ -0,0 +1,109 @@
+import { makeSVGGroup } from '../utils/draw';
+import { yLine } from '../utils/draw';
+import { equilizeNoOfElements } from '../utils/draw-utils';
+import { Animator, translateHoriLine } from '../utils/animate';
+
+class ChartComponent {
+	constructor({
+		layerClass = '',
+		layerTransform = '',
+		parent,
+		constants,
+		data,
+
+		// called on update
+		preMake,
+		makeElements,
+		postMake,
+		animateElements
+	}) {
+		this.parent = parent;
+		this.layerClass = layerClass;
+		this.layerTransform = layerTransform;
+		this.constants = constants;
+
+		this.preMake = preMake;
+		this.makeElements = makeElements;
+		this.postMake = postMake;
+
+		this.animateElements = animateElements;
+
+		this.store = [];
+		this.layer = makeSVGGroup(this.parent, this.layerClass, this.layerTransform);
+
+		this.data = data;
+
+		this.make();
+	}
+
+	refresh(data) {
+		this.data = data;
+	}
+
+	make() {
+		this.preMake && this.preMake();
+		this.render(this.data);
+		this.postMake && this.postMake();
+		this.oldData = this.data;
+	}
+
+	render(data) {
+		this.store = this.makeElements(data);
+
+		this.layer.textContent = '';
+		this.store.forEach(element => {
+			this.layer.appendChild(element);
+		});
+	}
+
+	update(animate = true) {
+		let animateElements = []
+		if(animate) {
+			animateElements = this.animateElements(this.data);
+		}
+		// TODO: Can we remove this?
+		setTimeout(() => {
+			this.make();
+		}, 1400);
+		return animateElements;
+	}
+}
+
+export function getYAxisComponent(parent, constants, initData) {
+	return new ChartComponent({
+		parent: parent,
+		layerClass: 'y axis',
+		constants: constants,
+		data: initData,
+		makeElements: function(data) {
+			return data.positions.map((position, i) =>
+				yLine(position, data.labels[i], this.constants.width,
+					{mode: this.constants.mode, pos: this.constants.pos})
+			);
+		},
+
+		animateElements: function(newData) {
+			let newPos =  newData.positions;
+			let newLabels =  newData.labels;
+
+			let oldPos = this.oldData.positions;
+			let oldLabels = this.oldData.labels;
+
+			let extra = newPos.length - oldPos.length;
+
+			[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);
+			[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);
+
+			this.render({
+				positions: oldPos,
+				labels: newLabels
+			});
+
+			return this.store.map((line, i) => {
+				return translateHoriLine(
+					line, newPos[i], oldPos[i]
+				);
+			});
+		}
+	})
+}
diff --git a/src/js/utils/animate.js b/src/js/utils/animate.js
index 0be501a..d5b69ca 100644
--- a/src/js/utils/animate.js
+++ b/src/js/utils/animate.js
@@ -7,6 +7,25 @@ export const REPLACE_ALL_NEW_DUR = 250;
 
 export const STD_EASING = 'easein';
 
+export function translate(unit, oldCoord, newCoord, duration) {
+	return [
+		unit,
+		{transform: newCoord.join(', ')},
+		duration,
+		STD_EASING,
+		"translate",
+		{transform: oldCoord.join(', ')}
+	];
+}
+
+export function translateVertLine(xLine, newX, oldX) {
+	return translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);
+}
+
+export function translateHoriLine(yLine, newY, oldY) {
+	return translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);
+}
+
 export var Animator = (function() {
 	var Animator = function(totalHeight, totalWidth, zeroLine, avgUnitWidth) {
 		// constants
@@ -54,25 +73,6 @@ export var Animator = (function() {
 			}
 
 			return pathComponents;
-		},
-
-		translate: function(obj, oldCoord, newCoord, duration) {
-			return [
-				{unit: obj, array: [0], index: 0},
-				{transform: newCoord.join(', ')},
-				duration,
-				STD_EASING,
-				"translate",
-				{transform: oldCoord.join(', ')}
-			];
-		},
-
-		translateVertLine: function(xLine, newX, oldX) {
-			return this.translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);
-		},
-
-		translateHoriLine: function(yLine, newY, oldY) {
-			return this.translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);
 		}
 	};
 
diff --git a/src/js/utils/draw.js b/src/js/utils/draw.js
index 498d525..79fb3d0 100644
--- a/src/js/utils/draw.js
+++ b/src/js/utils/draw.js
@@ -208,8 +208,8 @@ function makeHoriLine(y, label, x1, x2, options={}) {
 		className: className,
 		x1: x1,
 		x2: x2,
-		y1: y,
-		y2: y,
+		y1: 0,
+		y2: 0,
 		styles: {
 			stroke: options.stroke
 		}
@@ -217,7 +217,7 @@ function makeHoriLine(y, label, x1, x2, options={}) {
 
 	let text = createSVG('text', {
 		x: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,
-		y: y,
+		y: 0,
 		dy: (FONT_SIZE / 2 - 2) + 'px',
 		'font-size': FONT_SIZE + 'px',
 		'text-anchor': x1 < x2 ? 'end' : 'start',
@@ -225,6 +225,7 @@ function makeHoriLine(y, label, x1, x2, options={}) {
 	});
 
 	let line = createSVG('g', {
+		transform: `translate(0, ${y})`,
 		'stroke-opacity': 1
 	});
 
@@ -238,6 +239,33 @@ function makeHoriLine(y, label, x1, x2, options={}) {
 	return line;
 }
 
+export function yLine(y, label, width, options={}) {
+	if(!options.pos) options.pos = 'left';
+	if(!options.offset) options.offset = 0;
+	if(!options.mode) options.mode = 'span';
+	if(!options.stroke) options.stroke = BASE_LINE_COLOR;
+	if(!options.className) options.className = '';
+
+	let x1 = -1 * AXIS_TICK_LENGTH;
+	let x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;
+
+	if(options.mode === 'tick' && options.pos === 'right') {
+		x1 = width + AXIS_TICK_LENGTH
+		x2 = width;
+	}
+
+	let offset = options.pos === 'left' ? -1 * options.offset : options.offset;
+
+	x1 += options.offset;
+	x2 += options.offset;
+
+	return makeHoriLine(y, label, x1, x2, {
+		stroke: options.stroke,
+		className: options.className,
+		lineType: options.lineType
+	});
+}
+
 export class AxisChartRenderer {
 	constructor(state) {
 		this.refreshState(state);
@@ -259,7 +287,7 @@ export class AxisChartRenderer {
 	xLine(x, label, options={}) {
 		if(!options.pos) options.pos = 'bottom';
 		if(!options.offset) options.offset = 0;
-		if(!options.mode) options.mode = this.xAxisMode;
+		if(!options.mode) options.mode = 'span';
 		if(!options.stroke) options.stroke = BASE_LINE_COLOR;
 		if(!options.className) options.className = '';
 
@@ -290,32 +318,7 @@ export class AxisChartRenderer {
 		});
 	}
 
-	yLine(y, label, options={}) {
-		if(!options.pos) options.pos = 'left';
-		if(!options.offset) options.offset = 0;
-		if(!options.mode) options.mode = this.yAxisMode;
-		if(!options.stroke) options.stroke = BASE_LINE_COLOR;
-		if(!options.className) options.className = '';
 
-		let x1 = -1 * AXIS_TICK_LENGTH;
-		let x2 = options.mode === 'span' ? this.totalWidth + AXIS_TICK_LENGTH : 0;
-
-		if(options.mode === 'tick' && options.pos === 'right') {
-			x1 = this.totalWidth + AXIS_TICK_LENGTH
-			x2 = this.totalWidth;
-		}
-
-		let offset = options.pos === 'left' ? -1 * options.offset : options.offset;
-
-		x1 += options.offset;
-		x2 += options.offset;
-
-		return makeHoriLine(y, label, x1, x2, {
-			stroke: options.stroke,
-			className: options.className,
-			lineType: options.lineType
-		});
-	}
 
 
 	xMarker() {}
@@ -445,23 +448,4 @@ export class AxisChartRenderer {
 
 		return pathComponents;
 	}
-
-	translate(unit, oldCoord, newCoord, duration) {
-		return [
-			unit,
-			{transform: newCoord.join(', ')},
-			duration,
-			STD_EASING,
-			"translate",
-			{transform: oldCoord.join(', ')}
-		];
-	}
-
-	translateVertLine(xLine, newX, oldX) {
-		return this.translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);
-	}
-
-	translateHoriLine(yLine, newY, oldY) {
-		return this.translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);
-	}
 }
diff --git a/src/js/utils/intervals.js b/src/js/utils/intervals.js
index 21371af..aa3d498 100644
--- a/src/js/utils/intervals.js
+++ b/src/js/utils/intervals.js
@@ -21,7 +21,7 @@ function normalize(x) {
 	return [sig * man, exp];
 }
 
-function getRangeIntervals(max, min=0) {
+function getChartRangeIntervals(max, min=0) {
 	let upperBound = Math.ceil(max);
 	let lowerBound = Math.floor(min);
 	let range = upperBound - lowerBound;
@@ -59,19 +59,19 @@ function getRangeIntervals(max, min=0) {
 	return intervals;
 }
 
-function getIntervals(maxValue, minValue=0) {
+function getChartIntervals(maxValue, minValue=0) {
 	let [normalMaxValue, exponent] = normalize(maxValue);
 	let normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;
 
 	// Allow only 7 significant digits
 	normalMaxValue = normalMaxValue.toFixed(6);
 
-	let intervals = getRangeIntervals(normalMaxValue, normalMinValue);
+	let intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);
 	intervals = intervals.map(value => value * Math.pow(10, exponent));
 	return intervals;
 }
 
-export function calcIntervals(values, withMinimum=false) {
+export function calcChartIntervals(values, withMinimum=false) {
 	//*** Where the magic happens ***
 
 	// Calculates best-fit y intervals from given values
@@ -84,7 +84,7 @@ export function calcIntervals(values, withMinimum=false) {
 	let exponent = 0, intervals = []; // eslint-disable-line no-unused-vars
 
 	function getPositiveFirstIntervals(maxValue, absMinValue) {
-		let intervals = getIntervals(maxValue);
+		let intervals = getChartIntervals(maxValue);
 
 		let intervalSize = intervals[1] - intervals[0];
 
@@ -102,9 +102,9 @@ export function calcIntervals(values, withMinimum=false) {
 	if(maxValue >= 0 && minValue >= 0) {
 		exponent = normalize(maxValue)[1];
 		if(!withMinimum) {
-			intervals = getIntervals(maxValue);
+			intervals = getChartIntervals(maxValue);
 		} else {
-			intervals = getIntervals(maxValue, minValue);
+			intervals = getChartIntervals(maxValue, minValue);
 		}
 	}
 
@@ -142,9 +142,9 @@ export function calcIntervals(values, withMinimum=false) {
 
 		exponent = normalize(pseudoMaxValue)[1];
 		if(!withMinimum) {
-			intervals = getIntervals(pseudoMaxValue);
+			intervals = getChartIntervals(pseudoMaxValue);
 		} else {
-			intervals = getIntervals(pseudoMaxValue, pseudoMinValue);
+			intervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);
 		}
 
 		intervals = intervals.reverse().map(d => d * (-1));
@@ -174,6 +174,18 @@ export function getZeroIndex(yPts) {
 	return zeroIndex;
 }
 
+export function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {
+	let range = max - min;
+	let part = range * 1.0 / noOfIntervals;
+	let intervals = [];
+
+	for(var i = 0; i <= noOfIntervals; i++) {
+		intervals.push(min + part * i);
+	}
+
+	return asc ? intervals : intervals.reverse();
+}
+
 export function getIntervalSize(orderedArray) {
 	return orderedArray[1] - orderedArray[0];
 }